我们为大家收集整理了关于css排序的方法，以方便大家参考。

一个小的测试

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

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，将帮助你节省花费在寻找一个特殊属性的时间。

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

希望大家可以学会css排序的方法想了解更多精彩内容，请关注我们的网站!

相关推荐：

网站制作css怎么写呢