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

}