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