CSS样式书写规范

书写顺序

1. 位置属性(position, top, right,z-index, display, float等)
2. 大小(width, height, padding,margin)
3. 文字系列(font, line-height,letter-spacing, color- text-align等)
4. 背景(background, border等)
5. 其余(animation, transition等)

   

书写规范

• 使用缩写

  

• 去掉小数点前的“0”

  

• 16进制颜色代码缩写

  

选择器规范

• 长名称或词组可使用中横线来为选择器命名。

• 不建议使用“_”下划线来命名CSS选择器，为何呢？

  • 输入的时候少按一个shift键；
  • 浏览器兼容问题（好比使用_tips的选择器命名，在IE6是无效的）能良好区分JavaScript变量命名（JS变量命名是用“_”）

• 不要随意使用id

• 为选择器添加状态前缀