很多人其实对CSS属性声明顺序没有太多的关注,但是编程即艺术,写出好看的代码也会让心情变好。个人体会。
在网上看了不少资料,理解还不算通透,先记录下来希望未来能够完善。
首先我们要了解浏览器解析CSS样式是有先后顺序的,好的代码结构能够提高浏览器加载速度(减少浏览器的Reflow,关于Reflow我找到一篇不错的文章,戳 这里了解)
以下是我了解到的比较好的声明顺序
- 定位属性
- 自身属性
- 文本属性
- 颜色属性
- C3中新增属性
个人感觉有些属性没有很明确的区分,但大方向上排好了,也能算上写出好的代码了吧,我们在平时工作中也可以留心一些优秀的工程师的代码风格,真的能收益良多。