整理和優(yōu)化代碼不僅是為了你的CSS文件大小，還包括了維護(hù)性和可讀性。以上的原理并不只是針對(duì)CSS，它們還能應(yīng)用到HTML，Javascript以及其他編程語(yǔ)言。CSS文件不只是為了呈現(xiàn)給你網(wǎng)站的最終用戶。上面的原理可以幫助用戶體驗(yàn)以及開發(fā)者經(jīng)驗(yàn)。運(yùn)用這些原則到你未來(lái)的項(xiàng)目

3.使用留白
　　無(wú)論是為了自己閱讀還是二次開發(fā)，都要讓CSS保持良好的可讀性，留白就充當(dāng)了關(guān)鍵的角色。
　　我們不鼓勵(lì)你為了得到一個(gè)更小的CSS文件，就去掉所有的空白格式，如tab，換行，空格等。這里推薦嵌套的代碼使用一個(gè)tab縮進(jìn)，所有屬性獨(dú)立一行。

　　對(duì)比上圖中的兩種CSS書寫格式，哪一種格式能讓你更加節(jié)約閱讀和修改的時(shí)間呢？留白的效果顯而易見，它會(huì)讓你更容易管理代碼。

4.移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)

Nathan Smith的960 Grid SystemCSS framework使用的重置規(guī)則
　　如果你選擇使用CSS framework，包括你自己寫的，如果你去檢查代碼一定會(huì)發(fā)現(xiàn)該framework包含的一些規(guī)則并不適用于你當(dāng)前的文件，它們是可以被刪除的。本文由腳本之家（jb51.net）發(fā)布！轉(zhuǎn)載和采集的話請(qǐng)不要去掉！謝謝。
　　由此可以想到的還有reset，YUI Grid CSS使用的reset和Eric Meyer’s 重設(shè)(Reset)目前都很流行， Resets能夠移除不同瀏覽器的默認(rèn)樣式，使得頁(yè)面在各個(gè)瀏覽器之間的表現(xiàn)一致。但是它們通常包含了一個(gè)大的網(wǎng)站需要的所有屬性，一些例如<pre>,<code>,<sub>,<dfn>,<var>等等屬性對(duì)于普通網(wǎng)站來(lái)說(shuō)根本不會(huì)用上，刪掉那些你用不上的。Eric Meyer也會(huì)鼓勵(lì)你這樣做！
　　framework和reset會(huì)很好的幫助你的工作，但是如果不去掉那些你用不上的使用，反而會(huì)拖累你頁(yè)面的效率和可讀性。

最新評(píng)論