推荐大家使用的CSS书写规范、顺序

推荐大家使用的CSS书写规范、顺序

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 等）

css书写规范

1. 使用css缩写属性

2. 去掉小数点前的“0”

3. 简写命名

4. 16进制颜色代码缩写

5. 连字符css选择器命名规范

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

2. 不建议使用 “_” 下划线来命名css选择器

6. 不要随意使用id

7. 为选择器添加状态前缀

CSS样式表文件命名

主要的 master.css

模块 module.css

基本共用 base.css

布局、版面 layout.css

主题 themes.css

专栏 columns.css

文字 font.css

表单 forms.css

补丁 mend.css

打印 print.css