CSS样式编写顺序

在书写css的时候很多时候，每个class下边需要写很多属性是很常见的，对于这些属性，我们应该合理的给它规划顺序。有人认为符合标准的顺序可以提高css的执行效率，这个我们无从测试。我总结的好处如下：

1.使代码显得清晰，自己很容易找到需要的属性，不容易出现重复编写同一属性的情况。

2.当很多人同时协作一个项目的时候，统一的顺序对于一个团队是很必要的。否则要读清别人的代码，就要花上更多的时间去仔细寻找属性了。

所以希望大家务必养成这样的好习惯，具体顺序如下：

//显示属性
display
list-style
position
float
clear
//自身属性
width
height
margin
padding
border
background
//文本属性
color
font
text-decoration
text-align
vertical-align
whitewhite-space
other text
content

 

 

 

文章作者：IceSun
本文地址：http://www.iscss.tk/?p=32
版权所有 © 转载时必须以链接形式注明作者和原始出处！