在參與規模龐大、歷時漫長且參與人數眾多的項目時,所有開發者遵守如下規則極為重要:
保持 CSS 易于維護
保持代碼清晰易懂
保持 CSS 的可拓展性
為了實現這一目標,我們要采用諸多方法。
本文檔第一部分將探討語法、格式以及分析 CSS 結構;第二部分將圍繞方法論、思維框架以及編寫與規劃 CSS 的看法。
CSS 文檔分析
無論編寫什么文檔,我們都應當維持統一的風格,包括統一的注釋、統一的語法與統一的命名規范。
總則
將行寬控制在 80 字節以下。漸變(gradient)相關的語法以及注釋中的 URL 等可以算作例外,畢竟這部分我們也無能為力。
我傾向于用 4 個空格而非 Tab 縮進,并且將聲明拆分成多行。
單一文件與多文件
有人喜歡在一份文件文件中編寫所有的內容,而我在遷移至 Sass 之后開始將樣式拆分成多個小文件。這都是很好的做法。無論你選擇哪種,下文的規則都將適用,而且如果你遵守這些規則的話你也不會遇到什么問題。這兩種寫法的區別僅僅在于目錄以及區塊標題:
目錄
在 CSS 的開頭,我會維護一份目錄,就像這樣:
新聞熱點
疑難解答