GitHub倡導的CSS編寫風格及檔案目錄部署指南

2022-09-24 15:15:19 字數 860 閱讀 1316

這個css風格指南是在github內部用於應用程式的指南。我們鼓勵您建立乙個適合你自己團隊的風格指南。在你閱讀這個之前,你需要大致了解scss語法和kss文件。雖然我們通過kss文件把風格移植到了scss上,但請務必立刻公升級整個元素的css。不要混合少量scss和無格式的css。

編碼風格:

1.用兩個空格的「soft-tabs」來縮排

2.在屬性宣告的「:」後加上空格

3.在規則宣告後的「這樣的被認為是不好的。

當在修改乙個現有元素來特殊使用,試著使用類名。使用.listings-layout.listings-bigger而不是.listings-layout.bigger。想想ack/grep在你未來的**中。

像disabled, mousedown, danger, hover, selected,active這些類名應該有乙個類作為命名空間(button.selected是個好的例子)

實驗性功能:

我們想要內部使用和實驗性功能。在編寫css的時候需要一些紀律因為現有的功能和實驗性功能的css將會被同時提供。始終牢記這些目標:

1.給新功能寫樣式的時候不要影響已有功能的樣式

2.當實驗性功能不工作的時候可以很容易的移除

3.當新功能上線的時候可以很容易移除舊的功能的css

4.在開發beta或實驗性功能時,用-experimental變數替換根命名空間和棄用現有根節點。一般來說,最好重複樣式實驗塊而不是試圖和擴充套件現有的樣式。

乙個現有功能的:

xml/html code複製內容到剪貼簿

css code複製內容到剪貼簿

在這裡檢視完整的版本:

本文標題: github倡導的css編寫風格及檔案目錄部署指南

本文位址:

CSS編寫規範的相關建議

避免過度約束 作為一般規則,不新增不必要的約束。css code複製內容到剪貼簿 糟糕 ul someid menu otherid 好的 someid otherid 後代選擇符最爛 不僅效能低下而且 很脆弱,html 和css 嚴重耦合,html 結構發生變化時,css也得修改,這是多麼糟糕,特...

編寫高質量的CSS

我們應用css的能力應該分成兩部分 一部分是css的api,重點是如何用css控制頁面內元素的樣式 另一部分是css框架,重點是如何對css進行組織。base層 reset功能 通用類 common層 元件級別的css類 page層 頁面級別css樣式 舉個例子,有兩個列表,列表條目1字型14px紅...

css編寫的時候注意什麼

1.盡量少寫div。別沒事幹就加乙個div層。我們盡量做到 清晰,結構清晰。2.css的定位,漂浮,容量,margin,padding我們用的時候盡量。寫的時候,有很多種,但是我們必須要求自己用最簡單的,這樣子我們首先頁面的能力才能大幅度提高。出現問題的時候,才可以秒解決。3.布局的時候,或者寫乙個...