DIV CSS 佈局教程網

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

網頁制作poluoluo文章簡介:樣式命名規則.

命名一直是個讓我頭痛的問題,特別是那些看上去差不多的模塊,所以就得想辦法啦,我總結了下面的方法,雖然還在試驗中。希望對大家有幫助。歡迎大家提出改進的意見。具體如下:

要注意的內容:
一,命名所選用的單詞應選擇不過於具體表示某一狀態(如顏色、字號大小等)的單詞,以避免當狀態改變時名稱失去意義。
二,樣式類名由以字母開頭的小寫字母(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