本文是參考了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...