一个小的测试

 

这个例子就是要让你思考如何更快的找到右边距属性？

 

Example#1

 

div#header?h1?{

 

z-index:?101;

 

color:?#000;

 

position:?relative;

 

line-height:?24px;

 

margin-right:?48px;

 

border-bottom:?1px?solid?#dedede;

 

font-size:?18px;

 

}

 

Example#2

 

div#header?h1?{

 

border-bottom:?1px?solid?#dedede;

 

color:?#000;

 

font-size:?18px;

 

line-height:?24px;

 

margin-right:?48px;

 

position:?relative;

 

z-index:?101;

 

}

 

你不能告诉 我Example#2不能更快的找到右边距属性。根据字母排序你的元素属性。一致的创建你的CSS，将帮助你节省花费在寻找一个特殊属性的时间。

 

我知道一些人用这样的方法去组织代码，其他人又用另一种方法去组织，但是在我的公司， 我们协商一致做出决定，所有的代码都将按照字母排序来组织。通过这样组织代码与其他人协同工作一定是有帮助的。当我碰到属性没有按照字母排序的层叠样式表 我每一次都会退缩。