怎樣優化CSS樣式表
在網站建設過程中(zhōng)，爲了網頁設計簡潔性，爲了提升網頁打開(kāi)速度和對搜索引擎的友好性，網站建設人員(yuán)通常會爲整個網站制作一(yī)個獨立于網頁的CSS樣式表，那麽如何讓你的CSS代碼更具有組織性和易維護性，
1.井井有條。 和許多其他的事情一(yī)樣，首先要保持一(yī)個良好的組織性，而不是想到ID就寫ID,想到 CLASS就寫CLASS,而要使樣式表保持一(yī)個連貫的結構，這能讓你充分(fēn)的利用樣式的繼承。首先定義你最常用的項目，然後是不太常用到的然後是其他，這會使你的CSS屬性得到正确的繼承，當你需要重新定義一(yī)個特殊的風格時會很簡單，也會使得你以後對該CSS的修改和編輯更加迅速，因爲它遵從簡單、可讀、有邏輯的結構。 一(yī)個良好的CSS結構應該包括以下(xià)一(yī)些部分(fēn)：
1. 重置和覆蓋（Resets & overrides）
2. 鏈接和字體(tǐ)（Links & type）
3. 主要布局（Main layout）
4. 次要布局結構
2.風格名稱、創建時間、簽名。
讓别人知(zhī)道是誰寫的樣式表，當他們有問題的時候可以及時的請教，這在制作模闆或者主題以及團隊合作時非常有用。
3.制作一(yī)個模闆庫。 每次當你制作完一(yī)個樣式表時，你可以去(qù)除那些不通用的東西，然後把文件保存爲一(yī)個CSS模闆以備以後之用。可以保存成多種用途的各個版本：兩列布局、博客布局、打印樣式、移動設備樣式等等。coda有一(yī)個很棒的剪輯功能，可以幫你很容易的保存模闆。合肥網站建設公司許多其他的編輯器也有類似的功能，即便是簡單的文本批處理也可以很好做出一(yī)個模闆庫來 每次都從頭重寫每一(yī)個代碼實在太瘋狂，特别是當你使用相同的公約和方法。
4.使用有用的命名約定。
你可能注意到在第一(yī)條建議裏的示例裏，定義了一(yī)對ID叫：col-alpha 和 col-beta,爲什麽不直接叫col-left 和 col-right?想想我(wǒ)(wǒ)們未來要做的工(gōng)作,來年也許你要将左側的内容調整到右側，你不應該重新命名你的HTML元素和重命名樣式表的id而隻是爲了移動一(yī)下(xià)位置。
是的，也許你說你可以把左側移到右側而不改動它的HTML元素ID名，依然叫col-left ,但是這會是多麽混亂啊，ID描述的是左側，那就應該讓它始終待在左側，而不是背道而馳。
CSS的一(yī)個主要優勢就是表現與内容的分(fēn)離(lí)，你完全可以不用動HTML,而隻是修改CSS去(qù)重新設計你的網站，所以不要使用有限制的命名，而更多的使用通用的命名約定并且要保持一(yī)緻。讓那些位置以及具體(tǐ)描述表現的詞語遠離(lí)你的CSS,類似。link-blue這樣的class命名隻會給你今後帶來更多的工(gōng)作 或者當你需要把藍(lán)色鏈接換成紅色的時候讓樣式表更加雜(zá)亂。元素命名最好是基于它們是什麽，而不是它們看起來像什麽。比如：.comment-beta 比。comment-blue更加通用，而。post-largefont比。post-title更加受限制。