书写顺序
- 位置属性(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
-
为选择器添加状态前缀
