CSS 樣式書寫規範

2021-09-05 11:53:49 字數 626 閱讀 9544

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

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

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

編碼設定

採用 utf-8 編碼,在 css **頭部使用:

@charset "utf-8";

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

例如,下面的例子都會使得 @charset 失效:

/* 字元編碼 */

@charset "utf-8";

html,

body  ,避免使用通用標籤名作為選擇器的一環可以提高 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命名方 規範預設有一下幾個約定 讓前端 更容易閱讀和理解,更加的語義化,更容易協作,更容易控制,更加健壯和明確,而且更加嚴密。命...