CSS 樣式書寫規範

可能不同團隊都有各自的規範，又或者很多人在寫 css 的時候還是想到什麼就寫什麼，不存在太多的約束。

我覺得 css **規範還是有存在的必要的，尤其是在團隊配合，多人協作下，規範就顯得尤為重要。

我覺得不同的規範都有各自的長處與缺陷，對待所謂的規範最好的方式不是人云亦云，拿來就用，而是應該結合實際情況及需求，取長補短，取其精華去其糟粕。

編碼設定

採用 utf-8 編碼，在 css **頭部使用：

@charset 「utf-8」;

注意，必須要定義在 css 檔案所有字元的前面（包括編碼注釋），@charset 才會生效。

例如，下面的例子都會使得 @charset 失效：

/* 字元編碼 */

@charset 「utf-8」;

html,

body 獨佔一行。

每個規則宣告間用空行分隔。

所有最外層引號使用單引號 『 。

當乙個屬性有多個屬性值時，以逗號 , 分隔屬性值，每個逗號後新增乙個空格，當單個屬性值過長時，每個屬性值獨佔一行。

完整示例如下：

.g-footer,

.g-header 或者是

.g-content 也就是，編譯之後生成了下面這兩個，到底使用哪個好呢？

.g-content .g-content-list li

.g-content .g-content-list .item

基於 css 選擇器的解析規則（從右向左），建議使用上述第二種 .g-content .g-content-list .item ，避免使用通用標籤名作為選擇器的一環可以提高 css 匹配效能。

瀏覽器的排版引擎解析 css 是基於從右向左（right-to-left）的規則，這麼做是為了使樣式規則能夠更快地與渲染樹上的節點匹配。

CSS樣式書寫規範

編碼設定 必須在css所有字元的前面 包括編碼注釋 charset才會生效。設定css檔案的編碼格式為utf 8編碼，寫在css檔案最前面。字元編碼 charset utf 8 數值與單位 當屬性值或顏色引數為 0 1 之間的數時，省略小數點前的 0 color rgba 255,255,255,5...

CSS 樣式書寫規範

可能不同團隊都有各自的規範，又或者很多人在寫 css 的時候還是想到什麼就寫什麼，不存在太多的約束。我覺得 css 規範還是有存在的必要的，尤其是在團隊配合，多人協作下，規範就顯得尤為重要。我覺得不同的規範都有各自的長處與缺陷，對待所謂的規範最好的方式不是人云亦云，拿來就用，而是應該結合實際情況及需...

前端css樣式 BEM 規則書寫規範

前端經理讓總結css書寫規範，用於公司前端css樣式培訓用，大概總結了一些。bem 是塊 block 元素 element 修飾符 modifier 簡寫，是一套前端css命名方 規範預設有一下幾個約定 讓前端 更容易閱讀和理解，更加的語義化，更容易協作，更容易控制，更加健壯和明確，而且更加嚴密。命...