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