CSS 書寫規範

2021-04-30 22:56:59 字數 415 閱讀 9741

本文是參考了css森林中的規範,並結合之前幾個專案積累所書寫的乙個基本規範。不敢說是原創,所以鄭重感謝一下css森林。同時,本文件也處於持續改進中。

1. 基本

css檔案中,選擇器書寫按照 「標籤、標籤偽類、id、類、覆蓋」 排序,同一型別寫在一起;進行覆蓋時,也按照這樣乙個順序。

css定義中,屬性的書寫順序按照字典序。每個屬性佔一行。

針對頁面的特例,更改相應的style屬性;否則,在css檔案中新增新類,或者以最小影響優先,進行樣式表的覆蓋。

2. 選擇器命名(同時請注意html頁面中的命名)

命名應該是自解釋的。

id 命名:首字母小寫,其後每個單詞首字母大寫。

類命名:字母全小寫,通過下劃線鏈結。

一般,沒有很明確的簡寫時,請使用全稱。

css書寫規範

1.位置屬性 position,top,right,z index,display,float等 2.大小 width,height,padding,margin 3.文字系列 font,line height,letter spacing,color text align等 4.背景 backgr...

css書寫規範

1.位置屬性 position,top,right,z index,display,float等 2.大小 width,height,padding,margin 3.文字系列 font,line height,letter spacing,color text align等 4.背景 backgr...

css書寫規範

1 css命名規範 盡量把css模組化,不要把業務場景下css命名帶進來,模組化之後可以復用,在模組外層加乙個業務級的class,用於區分,2 css書寫順序 瀏覽器載入渲染頁面先載入dom,先渲染外層box,再渲染box自身寬高,浮動,定位等,最後再渲染box內的文字 所以我的渲染順序是 disp...