CSS样式书写顺序

为什么要按照顺序写

我们在写CSS属性的时候建议按照官方建议的顺序进行的顺序进行书写，这样可以达到更好的语义化和整体的代码可读性

CSS按照怎样的顺序进行书写？

1：布局属性

position  display  float  left  top  right  bottom   overflow  clear   z-index

2：自身属性

width  height  padding  border  margin   background

3：文本属性

text-align   vertical-align   text-wrap   text-transform   text-indent    text-decoration   letter-spacing    word-spacing    white-space   text-overflow

4：其他属性

content   box-shadow   border-radius  transform ……

在实际开发中建议都大致按照这样的顺序对CSS样式进行编写

这样不仅仅是增加了代码可读性，也达到了优化代码的效果