css書寫規範

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

2.大小(width, height, padding, margin)

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

4.背景(background, border等)

5.其他(animation, transition等)

使用css縮寫屬性

css有些屬性是可以縮寫的，比如padding,margin,font等等，這樣精簡**同時又能提高使用者的閱讀體驗。

去掉小數點前的」0″

簡寫命名

很多使用者都喜歡簡寫類名，但前提是要讓人看懂你的命名才能簡寫哦！

16進製制顏色**縮寫

有些顏色**是可以縮寫的，我們就盡量縮寫吧，提高使用者體驗為主。

連字元css選擇器命名規範

1.長名稱或片語可以使用中橫線來為選擇器命名。

2.不建議使用」_」下劃線來命名css選擇器，為什麼呢？

不要隨意使用id

id在js是唯一的，不能多次使用，而使用class類選擇器卻可以重複使用，另外id的優先順序優先與class，所以id應該按需使用，而不能濫用。

為選擇器新增狀態字首

有時候可以給選擇器新增乙個表示狀態的字首，讓語義更明了，比如下圖是新增了」.is-」字首。

常用的css命名規則

注釋的寫法:

/* header */

內容區/* end header */

id的命名:

1)頁面結構

(2)導航

(3)功能

注意事項::

1.一律小寫;

2.盡量用英文;

3.不加中槓和下劃線;

4.盡量不縮寫，除非一看就明白的單詞。

css樣式表檔案命名

主要的 master.css

模組 module.css

基本共用 base.css

布局、版面 layout.css

主題 themes.css

專欄 columns.css

文字 font.css

表單 forms.css

補丁 mend.css

列印 print.css

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