在參與規(guī)模龐大、歷時(shí)漫長(zhǎng)且參與人數(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ù)一份目錄，就像這樣：
這份目錄可以告訴其他開發(fā)者這個(gè)文件中具體含有哪些內(nèi)容。這份目錄中的每一項(xiàng)都與其對(duì)應(yīng)的區(qū)塊標(biāo)題相同。
如果你在維護(hù)一份單文件 CSS，對(duì)應(yīng)的區(qū)塊將也在同一文件中。如果你是在編寫一組小文件，那么目錄中的每一項(xiàng)應(yīng)當(dāng)對(duì)應(yīng)相應(yīng)的 @include 語句。
區(qū)塊標(biāo)題
目錄應(yīng)當(dāng)對(duì)應(yīng)區(qū)塊的標(biāo)題。如下：
區(qū)塊標(biāo)題前綴 $ 可以讓我們使用 [Cmd|Ctrl]+F 命令查找標(biāo)題名時(shí)將搜索范圍限制在區(qū)塊標(biāo)題中。
如果你在維護(hù)一份大文件，那么在區(qū)塊之間空 5 行，如下：
