CSS优化---CSS书写顺序

一.为什么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个
 

猜你喜欢

转载自blog.csdn.net/h18377528386/article/details/125887788