css书写顺序、规范

css书写顺序

1.影响文档流的属性（位置属性） ( 比如：position, top, right, z-index, display, float等 )

2.自身盒模型的属性（大小）（比如：width, height, margin, padding, border等）

3.排版相关属性（文字系列）（比如：font, line-height, text-align, vertical-align等）

4.装饰性属性（背景，颜色）（比如： background, color, opacity, cursor等）

5.生成内容的属性（其他）（比如：content, list-style, quotes等）

注：根据1、2、3、4、5的序号优先级书写css属性更有利于浏览器渲染引擎解析

 

好的代码规范有利于项目的维护和拓展~