css書寫規範

2022-03-10 20:41:00 字數 640 閱讀 1243

1:css命名規範

盡量把css模組化,不要把業務場景下css命名帶進來,模組化之後可以復用,在模組外層加乙個業務級的class,用於區分,

2:css書寫順序:

瀏覽器載入渲染頁面先載入dom,先渲染外層box,再渲染box自身寬高,浮動,定位等,最後再渲染box內的文字;所以我的渲染順序是

display,position,width,height,text,font;gzip壓縮傳送的時候也會壓縮的更小,

位置屬性(position, top, right, z-index, display, float等)

大小(width, height, padding, margin)

文字系列(font, line-height, letter-spacing, color- text-align等)

背景(background, border等)

其他(animation, transition等)

3:提高效能:

css渲染是從右到左,渲染速度分別是id,class,標籤,type,:after偽類;

*所以最好是最右邊加class,

*不要用p.class,直接用.class

*good: p > .class       bad:p .class

CSS 書寫規範

本文是參考了css森林中的規範,並結合之前幾個專案積累所書寫的乙個基本規範。不敢說是原創,所以鄭重感謝一下css森林。同時,本文件也處於持續改進中。1.基本 css檔案中,選擇器書寫按照 標籤 標籤偽類 id 類 覆蓋 排序,同一型別寫在一起 進行覆蓋時,也按照這樣乙個順序。css定義中,屬性的書寫...

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...