CSS 代碼質(zhì)量提高的10條實用技巧

2024-07-11 08:27:40

字體：大中小

供稿：網(wǎng)友

回頭去看自己寫的CSS代碼，你很容易就可以發(fā)現(xiàn)那些代碼都亂成一團了，可能是因為你還沒有規(guī)劃好就開始馬馬虎虎虎地亂寫一通，或者是你的代碼夾雜了太多的Hack代碼，還可能是因為那些代碼改動太過頻繁了。

       不管出于是什么原因，我們都應(yīng)該認(rèn)真考慮怎么寫好CSS代碼，讓那些代碼能夠更加簡潔、易于控制、易于維護。

參考下面這10點心得去實踐可以讓你不會再那么頭痛CSS代碼該怎么寫。

1.保持代碼井井有條
       永遠(yuǎn)不要隨隨便便地想到一個id、class就一股腦把代碼寫下去，這樣寫出來的代碼非常難維護也不好擴展，所以應(yīng)該先考慮如何組織結(jié)構(gòu)更加清晰的CSS代碼，以便更好地利用CSS繼承的特性。

       記住，最常見的元素一定要先聲明，再聲明具體的某個元素。這樣可以讓讓具體某個元素繼承那些已經(jīng)聲明過的屬性，也可以讓你在需要的時候修改特定的屬性。這種結(jié)構(gòu)的CSS代碼易于閱讀，更符合邏輯結(jié)構(gòu)。

       結(jié)構(gòu)化編寫CSS代碼可以讓自己以后能夠輕松維護那些代碼（或者讓替你擦屁股的人松一口氣）。可以參考下面這樣的結(jié)構(gòu)：
reset
鏈接、預(yù)定義類型
總體布局
二級布局
表單
各種其他元素……