CSS樣式書寫規範

2021-08-04 02:28:23 字數 697 閱讀 2926

編碼設定

必須在css所有字元的前面(包括編碼注釋),@charset才會生效。設定css檔案的編碼格式為utf-8編碼,寫在css檔案最前面。

/* 字元編碼 */

@charset

"utf-8"

;

數值與單位

當屬性值或顏色引數為 0 - 1 之間的數時,省略小數點前的 0 。

color: rgba(255, 255, 255, .5);
當長度值為 0 時省略單位。

margin: 0 auto;
十六進製制的顏色屬性值使用小寫和盡量簡寫。

color

: #fc0;

避免使用!important

除非極其極其特殊的情況,否則絕對不要使用!important,因為它的存在會給後期維護以及多人協作帶來噩夢般的影響。

當存在樣式覆蓋層疊時,如果你發現新定義的乙個樣式無法覆蓋乙個舊的樣式,只有加上 !important 才能生效時,是因為你新定義的選擇器的優先順序不夠舊樣式選擇器的優先順序高。所以,合理的書寫新樣式選擇器,是完全可以規避一些看似需要使用 !important 的情況的。

CSS 樣式書寫規範

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

CSS 樣式書寫規範

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

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

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