书写顺序
- 位置属性(position, top, right,z-index, display, float等)
- 大小(width, height, padding,margin)
- 文字系列(font, line-height,letter-spacing, color- text-align等)
- 背景(background, border等)
- 其他(animation, transition等)
书写规范
- 使用缩写
- 去掉小数点前的“0”
- 16进制颜色代码缩写
选择器规范
-
长名称或词组可以使用中横线来为选择器命名。
-
不建议使用“_”下划线来命名CSS选择器,为什么呢?
- 输入的时候少按一个shift键;
- 浏览器兼容问题(比如使用_tips的选择器命名,在IE6是无效的)能良好区分JavaScript变量命名(JS变量命名是用“_”)
-
不要随意使用id
-
为选择器添加状态前缀