一、不要讓CSS有過(guò)多的標(biāo)記

鏈接或者導(dǎo)入樣式表聽(tīng)起來(lái)好像是一種無(wú)頭緒的工作。我看過(guò)很多的網(wǎng)站開(kāi)發(fā)都有著整潔的、組織嚴(yán)密的css文檔，但是慢慢的，由于可能達(dá)不到在短期內(nèi)快速更新，或者懶得再去管理，這使得先前創(chuàng)建的精致的樣式表變成了垃圾。如果我們工作在需要發(fā)布上百條內(nèi)容的龐大網(wǎng)站上面。因?yàn)闀r(shí)間有限，所以你需要通過(guò)嵌套或者排列css來(lái)進(jìn)行快速修改或更新。隨著時(shí)間的推移，這種習(xí)慣維持著，直到有一天你被告知這個(gè)網(wǎng)站要完全推翻重新設(shè)計(jì)(但是內(nèi)容還是一樣)而且你只有一周的時(shí)間去創(chuàng)建(包括測(cè)試)。一般來(lái)說(shuō)，更新樣式表還算是一個(gè)非常簡(jiǎn)單的方法，除非你長(zhǎng)時(shí)間對(duì)網(wǎng)站零散的區(qū)域做修改，你就不能對(duì)網(wǎng)站樣式表結(jié)構(gòu)有一個(gè)整體的把握。

鏈接或者導(dǎo)入你的樣式表不是隨意的事情。創(chuàng)建干凈整潔的樣式表并保持下去，工作就會(huì)更開(kāi)心。注意：如果你試圖在每次更新或者添加新內(nèi)容的時(shí)候創(chuàng)建新的樣式表，那你肯定是自找麻煩。過(guò)多的鏈接和導(dǎo)入樣式表會(huì)使消除bug變得異常困難，讓樣式表很難維持。大一點(diǎn)的網(wǎng)站分別建立不同部分的樣式表這是可以理解的。就是小心不要走極端。添加很多的樣式表，會(huì)增加更多的http請(qǐng)求，可能還會(huì)影響到后面的工作。

二、語(yǔ)義定義明確易懂

除了選擇合適的，有意義的元素來(lái)表述外，還要確定選擇class 和id屬性值。定義明確可以讓維護(hù)變得簡(jiǎn)單，小組里的成員都會(huì)看懂。看這個(gè)定義：

.l10k { color: #369; } ，.left-blue { color: #369; } ，如果是我做的我可能知道是啥意思，但是比人不一定就懂了。即使今天知道它的意思，但是能保證很多年后還知道它的意思嗎? 好不要在類(lèi)屬性里面去加入顏色或者長(zhǎng)寬的尺寸。更恰當(dāng)?shù)拿?guī)范：. work-description { color: #369; }

三、知道什么時(shí)候添加有條件的注釋和運(yùn)用技巧

很多文章寫(xiě)過(guò)一些關(guān)于問(wèn)題解決的技巧，有條件的注釋是控制IE發(fā)布的一個(gè)好方法。我同意有條件的注釋比在你的css文檔里亂寫(xiě)要好得多，但是近我開(kāi)始慢慢意識(shí)到，很多證據(jù)表明，這并不是好的解決辦法。想在一個(gè)元素中設(shè)置它的低高度，但是IE6瀏覽器卻不執(zhí)行它，所以你知道自己能夠使用的高度，也同樣會(huì)被同樣的處理。重新建一個(gè)樣式表，然后把有條件的注釋加入到你的標(biāo)識(shí)中，你所有的需要都是要遵循這個(gè)規(guī)定?保持低的高度和高度的規(guī)則在一起，選擇一個(gè)小技巧在同樣的css文檔里，這樣會(huì)更好嗎?在這種情況下，我覺(jué)得用這種方法很難奏效。

四、應(yīng)用CSS到網(wǎng)頁(yè)中盡量使用外部樣式表

好處嗎?大家都比較清楚，當(dāng)然有一點(diǎn)是不可否認(rèn)的，可以大限度的實(shí)現(xiàn)代碼的重用及優(yōu)化配置網(wǎng)站文件。