2017年10月29日
css技巧总结
摘要： 1. contenteditable属性的div的placeholder 2.没有文本的a链接显示链接 3. 伪元素生成边框渐变 4. checkbox, radio美化 5. table的th,td宽度设置无效解决方法 通常是由于table-layout设置为auto(浏览器默认值)导致的，td的 阅读全文
posted @ 2017-10-29 22:49 全玉 阅读(129) 评论(0) 推荐(0) 编辑
保持宽高比的宽度自适应盒子
摘要： 基本原理 元素的padding的百分比值是基于其父元素的宽度计算的，如此，设置元素宽度width:25%，元素高度不设定，元素padding-bottom:75%，就可以得到一个高宽比为3:1的盒子。或者，元素的宽高都不设定，设置元素的padding-right: 25%，padding-botto 阅读全文
posted @ 2017-10-29 12:21 全玉 阅读(919) 评论(0) 推荐(0) 编辑
css选择器位置和数量技巧
摘要： 1. 除去首个元素 2. 第1-3个元素 3. 除去第1-3个元素 4.第5-10个子元素 5.倒数第四个以及之前的元素 6. .list里面li元素个数大于等于4，则显示为红色(数量感知) 阅读全文
posted @ 2017-10-29 12:10 全玉 阅读(1136) 评论(0) 推荐(0) 编辑