[css] css的建議命名規則

一、常用的CSS命名規則

頭：header	內容：content	導覽：nav	側欄：sidebar	專欄：column
頁底：footer	左：left	右：right	中：center	登入條：loginbar
標誌：logo	橫幅：banner	頁面主體：main	熱門：hot	新聞：news
下載：download	子導覽：subnav	項目：menu	子項目：submenu	搜尋：search
友站連結：friendlink	版權：copyright	滾動：scroll	標籤頁：tab	文章列表：list
提示信息：msg	小技巧：tips	欄目標題：title	加入：joinus	指南：guild
服務：service	註冊：regsiter	狀態：status	投票：vote	合作夥伴：partner
內部：inner	區域：area/region

二、註釋的寫法：
/* Footer */
內容區
/* End Footer */ 

三、class的命名： (1) 顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }

(2) 字體大小,直接使用"font+字體大小"作為名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }

(3) 對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }

(4) 標題欄樣式,使用"類別+功能"的方式命名,如
.barnews { }
.barproduct { }

注意事項：

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

引用自設計×生活.web