div css排序代碼介紹

歡迎大家在這裡學習div css排序代碼!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

一個小的測試：這個例子就是要讓你思考如何更快的找到右邊距屬性?

Example#1<p>div#header h1 {</p><p>z-index: 101;</p><p>color: #000;</p><p>position: relative;</p><p>line-height: 24px;</p><p>margin-right: 48px;</p><p>border-bottom: 1px solid #dedede;</p><p>font-size: 18px;</p><p>}</p><p>Example#2</p><p>div#header h1 { border-bottom: 1px solid #dedede; color: #000; font-size: 18px; line-height: 24px; margin-right: 48px; position: relative; z-index: 101;}</p>

你不能告訴我Example#2不能更快的找到右邊距屬性。根據字母排序你的元素屬性。一致的創建你的CSS，將幫助你節省花費在尋找一個特殊屬性的時間。

我知道一些人用這樣的方法去組織代碼，其他人又用另一種方法去組織，但是在我的公司，我們協商一致做出決定，所有的代碼都將按照字母排序來組織。通過這樣組織代碼與其他人協同工作一定是有幫助的。當我碰到屬性沒有按照字母排序的層疊樣式表我每一次都會退縮。

div css排序代碼精彩內容就到這裡了!希望大家可以好好利用!

相關推薦：

div css縱向導航菜單代碼介紹