css排序的方法是什麼

我們為大家收集整理了關於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怎麼寫呢