日期:2014-05-17  浏览次数:20671 次

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
版权所有 ? 转载时必须以链接形式注明作者和原始出处!