在參與規(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ù)一份目錄,就像這樣:
新聞熱點(diǎn)
疑難解答
圖片精選