一.为什么CSS书写需要顺序
1.书写代码的规范,利于自己和别人阅读
2.不同的CSS书写顺序会影响浏览器的渲染性能,推荐前端工程师使用专业的书写顺序习惯
顺序 | 类别 | 属性 |
1 | 布局属性 | display、position、float、clear、visibility、overflow |
2 | 盒子模型+背景 | width、height、margin、padding、border、background |
3 | 文本内容属性 | color、float、text-decoration、text-align、line-height |
4 | 点缀属性 | cursor、border-radius、text-shadow、box-shadow |
注意:
开发中推荐多用类+后代,但不是层级越多越好,一个选择器中的类选择器的个数推荐不要超过3个