前端CSS代碼規范:19樓前端CSS代碼規范

2024-07-11 09:01:56

字體：大中小

來源：轉載

供稿：網友

武林網(www.survivalescaperooms.com)文章簡介：19UED前端CSS代碼規范 V1.0.

1、申明及注釋

1.1、文件頭部必須加上文件申明信息，必須包括文件描述、作者、最后更新(更新人+時間)

1.2、CSS代碼注釋規范請參考UED前端注釋規范.docx 文件

2、編碼

目前19樓頁面主要使用gb2312編碼，請注意保持CSS文件編碼與頁面編碼一致（不要將CSS文件設置為utf-8等其他編碼）。

為了防止文件合并及編碼轉換時造成問題，建議將樣式中文字體名字改成對應的英文名字，如：黑體(SimHei) 宋體(SimSun) 微軟雅黑 (Microsoft Yahei，幾個單詞中間有空格組成的必須加引號)

3、命名規范4、書寫順序

CSS書寫建議按以下順序：

5、其他

5.4、層級(z-index)必須清晰明確，頁面彈窗、氣泡為最高級（最高級為999，如showWin、pop等），不同彈窗氣泡之間可在三位數之間調整；普通區塊為10-90內10的倍數；區塊展開、彈出為當前父層級上個位增加，禁止層級間盲目攀比,如以下html結構：

(N)

(Y)

5.5、保持代碼的可讀性與可維護性，代碼必須縮進，CSS結構同html結構 (但不建議縮進太多，能大概看出結構即可)，選擇器與{}之間必須有一個空格分隔，{}里不要出現多余的空格、換行

(N)

(Y)

5.6、在保證選擇器準確的情況下盡量簡化選擇器 (盡量不超過4級)，不寫多余的選擇器(如class/id前的標簽選擇器、li上一級的的ul/ol、dt/dd上一級的dl等，在保證準確的前提下能去掉的都去掉)

(N)

(Y)

5.7、字體粗細采用具體數值，粗體bold寫為700，正常normal寫為400

5.8、能縮寫的盡量縮寫，如margin、padding、font(font-style font-variant font-weight font-size/line-height font-family)、border(border-width border-style border-color)、background(background-color background-image background-repeat background-attachment background-position)等

(N)

(Y)

5.9、去掉0后面的單位（禁止出現如0px等多余的單位）、顏色值不要出現red/blue等顏色名詞（一律采用#加16進制來表示，CSS3的rgb除外），不強制顏色值的大小寫、不強制將6個字母的#顏色值縮寫為3個。

(N)

(Y)

上一篇：CSS屬性影響文字選擇范圍和網頁文字選擇的可用性

下一篇：網頁技巧:模擬百度搜索結果網站小圖標