推荐大家使用的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