DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 編寫CSS代碼時樣式命名的規則
編寫CSS代碼時樣式命名的規則
編輯:布局實例     

   要注意的內容:

  一,命名所選用的單詞應選擇不過於具體表示某一狀態(如顏色、字號大小等)的單詞,以避免當狀態改變時名稱失去意義。

  二,樣式類名由以字母開頭的小寫字母(a-z)、數字(0-9)、下劃線(_)、減號(-)組成。

  ID名稱由不以數字開頭的小寫字母(a-z)、數字(0-9)、下劃線(_)組成。

  可使用類似下面的規則:

  [模塊前綴|類型|作用]_[名稱]_[狀態|位置]

  約定模塊、類型、狀態、位置等的所使用的單詞或其縮寫,保持上面的順序,盡量保持在兩到三個單詞說清用途。

  例:

  通用名詞縮寫

  設置 set

  成功 suc

  提示 hint

  操作 op

  密碼 pw

  菜單 menu

  按鈕 bt

  文本 tx

  顏色 c

  背景 bg

  邊框 bor

  居中 center

  圖標 icon

  彈出 pop

  文本輸入框 .input_tx

  密碼輸入框 .input_pw

  登錄密碼輸入框 .input_pw_login

  日志設置成功提示 .hint_suc_blogset

  相冊彈出的設置層 .pop_set_photo

  公共提示 .hint_bg

  文本顏色 .c_tx

  段落文本顏色 .c_tx_p

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved