css 的书写顺序

在日常学习时推荐各位 养成一个敲写CSS代码的习惯

如果按照以下顺序来写的话 可以让自己和他人浏览的时候简单易懂,也可以优化浏览器的渲染性能.

1.布局属性

display position float clear visibility overflow

2.盒子模型+背景

width height margin padding border background

3.文本内容属性

color font text-decoration text-align line-height

4.点缀属性

cursor border-radius text-shadow box-shadow

还有注意一点 开发中 推荐多用类+后代选择器 但不是层级越多越好 推荐使用三层 不要超过三层

例如:

body .box  p{
    color :red

}