值縮寫
縮寫值可以減少css檔案大小，並增加可讀性和可維護性。
但並非所有的值都必須縮寫，因為當乙個屬性的值縮寫時，總是會將所有項都設定一遍，而有時候我們不希望設定值裡的某些項。
1
2
3
4
5
6
7
/* 比如我們用下面這個樣式來讓某個定寬的容器水平居中，我們要的只是left和right，
* 而top和bottom不是這個樣式要關心的（如果設定了反倒會影響其他樣式在這個容器上的使用），
* 所以這時我們就不需要縮寫
*/
.f-mgha
/* 比如下面這個模組的樣式設定，我們確實需要設定padding的所有項，於是我們就可以採用縮寫 */
.m-link
常用的縮寫方法請參見**格式。
避免耗效能的屬性
以下所舉列的屬性可能造成渲染效能問題。不過有時候需求大於一切……
1
2
3
4
/* expression */
.class
/* filter */
.class
選擇器合併
即css選擇器組合，可以一次定義多個選擇器，為你節省很多位元組和寶貴時間。
通常我們會將定義相同的或者有大部分屬性值相同（確實是因為相關而相同）的一系列選擇器組合到一起（採用逗號的方法）來統一定義。
1
2
3
4
5
6
7
8
9
10
/* 以下對布局類選擇器統一做了清除浮動的操作 */
.g-hd:after,.g-bd:after,.g-ft:after
.g-hd,.g-bd,.g-ft
/* 通常background總是會占用很多位元組，所以一般情況下，我們都會這樣統一呼叫 */
.m-logo,.m-help,.m-list li,.u-tab li,.u-tab li a
.m-logo
/* 以下是某個元件的寫法，因為確實很多元素是聯動的或相關的，所以採用了組合寫法，可以方便理解和修改 */
.u-tab li,.u-tab li a
.u-tab li
.u-tab li a
背景圖優化合併
並不是把所有的圖示都合併在一張裡就是最好的，除了要控制大小之外還要注意以下方法。
hack的避免
如果css可以做到，就不要使用js
讓css做更多的事，減輕js開發量。
便於閱讀修改
如果你做到了「css規範」的所有要求，自然你也就寫出了乙個便於閱讀和修改的漂亮的css。
當然，**格式和命名規則是相對重要一些的。
清晰的css模組
如果你做到了命名規則的要求，你的css模組也就清晰可見了。
用「注釋」來說明每乙個模組對於較大的css檔案來說顯得尤為重要。
檔案壓縮
合理的書寫css能很大程度上減少檔案大小，完成後，在不損壞檔案內容的情況下，想盡一切辦法壓縮你的css，你可以借助壓縮工具把注釋和多餘的空格、換行去掉。
壓縮工具詳見：「html/css工具」部分。
其他格式優化
優化方法請參見**格式。
CSS規範 優化方案 （來自網易）
值縮寫 縮寫值可以減少css檔案大小，並增加可讀性和可維護性。但並非所有的值都必須縮寫，因為當乙個屬性的值縮寫時，總是會將所有項都設定一遍，而有時候我們不希望設定值裡的某些項。比如我們用下面這個樣式來讓某個定寬的容器水平居中，我們要的只是left和right，而top和bottom不是這個樣式要關心...
CSS 書寫規範
本文是參考了css森林中的規範，並結合之前幾個專案積累所書寫的乙個基本規範。不敢說是原創，所以鄭重感謝一下css森林。同時，本文件也處於持續改進中。1.基本 css檔案中，選擇器書寫按照 標籤 標籤偽類 id 類 覆蓋 排序，同一型別寫在一起 進行覆蓋時，也按照這樣乙個順序。css定義中，屬性的書寫...
css命名規範
良好的命名規範可以為團隊合作開發推波助瀾，無論在專案開發，還是產品維護上都起到了至關重要的作用。應該說命名規範是一種約定，也是程式設計師之間良好溝通的橋梁。命名規則 2.樣式檔案命名 主要的 master.css 布局版面 layout.css 專欄 columns.css 文字 font.css ...