在參與規(guī)模龐大、歷時(shí)漫長且參與人數(shù)眾多的項(xiàng)目時(shí)，所有開發(fā)者遵守如下規(guī)則極為重要：

    保持 CSS 易于維護(hù)
    保持代碼清晰易懂
    保持 CSS 的可拓展性

　　為了實(shí)現(xiàn)這一目標(biāo)，我們要采用諸多方法。

　　本文檔第一部分將探討語法、格式以及分析 CSS 結(jié)構(gòu)；第二部分將圍繞方法論、思維框架以及編寫與規(guī)劃 CSS 的看法。
CSS 文檔分析

　　無論編寫什么文檔，我們都應(yīng)當(dāng)維持統(tǒng)一的風(fēng)格，包括統(tǒng)一的注釋、統(tǒng)一的語法與統(tǒng)一的命名規(guī)范。
　　總則

　　將行寬控制在 80 字節(jié)以下。漸變（gradient）相關(guān)的語法以及注釋中的 URL 等可以算作例外，畢竟這部分我們也無能為力。

　　我傾向于用 4 個(gè)空格而非 Tab 縮進(jìn)，并且將聲明拆分成多行。
　　單一文件與多文件

　　有人喜歡在一份文件文件中編寫所有的內(nèi)容，而我在遷移至 Sass 之后開始將樣式拆分成多個(gè)小文件。這都是很好的做法。無論你選擇哪種，下文的規(guī)則都將適用，而且如果你遵守這些規(guī)則的話你也不會(huì)遇到什么問題。這兩種寫法的區(qū)別僅僅在于目錄以及區(qū)塊標(biāo)題：
　　目錄

　　在 CSS 的開頭，我會(huì)維護(hù)一份目錄，就像這樣：

CSS Code復(fù)制內(nèi)容到剪貼板

/*————————————*/  
    $CONTENTS  
/*————————————*/  
/**  
 * CONTENTS…………You’re reading it!  
 * RESET……………Set our reset defaults  
 * FONT-FACE………..Import brand font files  
 */    

　　這份目錄可以告訴其他開發(fā)者這個(gè)文件中具體含有哪些內(nèi)容。這份目錄中的每一項(xiàng)都與其對應(yīng)的區(qū)塊標(biāo)題相同。

　　如果你在維護(hù)一份單文件 CSS，對應(yīng)的區(qū)塊將也在同一文件中。如果你是在編寫一組小文件，那么目錄中的每一項(xiàng)應(yīng)當(dāng)對應(yīng)相應(yīng)的 @include 語句。
　　區(qū)塊標(biāo)題

　　目錄應(yīng)當(dāng)對應(yīng)區(qū)塊的標(biāo)題。如下：

CSS Code復(fù)制內(nèi)容到剪貼板

/*————————————*/  
    $RESET  
/*————————————*/  

　　區(qū)塊標(biāo)題前綴 $ 可以讓我們使用 [Cmd|Ctrl]+F 命令查找標(biāo)題名時(shí)將搜索范圍限制在區(qū)塊標(biāo)題中。

　　如果你在維護(hù)一份大文件，那么在區(qū)塊之間空 5 行，如下：