編寫css代碼時(shí)樣式命名的規(guī)則

字號:


    要注意的內(nèi)容:
    一,命名所選用的單詞應(yīng)選擇不過于具體表示某一狀態(tài)(如顏色、字號大小等)的單詞,以避免當(dāng)狀態(tài)改變時(shí)名稱失去意義。
    二,樣式類名由以字母開頭的小寫字母(a-z)、數(shù)字(0-9)、下劃線(_)、減號(-)組成。
    id名稱由不以數(shù)字開頭的小寫字母(a-z)、數(shù)字(0-9)、下劃線(_)組成。
    可使用類似下面的規(guī)則:
    [模塊前綴|類型|作用]_[名稱]_[狀態(tài)|位置]
    約定模塊、類型、狀態(tài)、位置等的所使用的單詞或其縮寫,保持上面的順序,盡量保持在兩到三個(gè)單詞說清用途。
    例:
    通用名詞縮寫
    設(shè)置 set
    成功 suc
    提示 hint
    操作 op
    密碼 pw
    菜單 menu
    按鈕 bt
    文本 tx
    顏色 c
    背景 bg
    邊框 bor
    居中 center
    圖標(biāo) icon
    彈出 pop
    文本輸入框 .input_tx
    密碼輸入框 .input_pw
    登錄密碼輸入框 .input_pw_login
    日志設(shè)置成功提示 .hint_suc_blogset
    相冊彈出的設(shè)置層 .pop_set_photo
    公共提示 .hint_bg
    文本顏色 .c_tx
    段落文本顏色 .c_tx_p