CSS常用命名，必須記住

一、常用命名

標題：title

摘要：summary

箭頭：arrow

商標：label

網站標誌：logo

轉角/圓角：corner

橫幅廣告：banner

子選單：subMenu

搜尋框：searchBox

登入：login

登入條：loginbar

工具條：toolbar

下拉：drop

標籤頁：tab

當前的：current

列表：list

滾動：scroll

服務：service

提示資訊：msg

熱點：hot

新聞：news

小技巧：tips

下載：download

欄目標題：title

熱點：hot

加入：joinus

註冊：regsiter

指南：guide

友情連結：friendlink

狀態：status

版權：copyright

按鈕：btn

合作伙伴：partner

投票：vote

左/右/中：left/right/center

簡介：profiles

評論：comment

二、頁面結構

容器：container

頁頭：header

內容：content/container

頁面主體：main

頁尾：footer

導航：nav

側欄：sidebar

欄目：column

頁面外圍控制整體佈局寬度：wrapper

三、導航

導航：nav

主導航：mainnav

子導航：subnav

頂導航：topnav

邊導航：sidebar

左導航：leftsidebar

右導航：rightsidebar

選單：menu

子選單：submenu

標題：title

摘要：summary

四、功能

標誌：logo

廣告：banner

登陸：login

登入條：loginbar

註冊：register

搜尋：search

功能區：shop

標題：title

加入：joinus

狀態：status

按鈕：btn

滾動：scroll

標籤頁：tab

文章列表：list

提示資訊：msg

當前的：current

小技巧：tips

圖示：icon

註釋：note

指南：guild

服務：service

熱點：hot

新聞：news

下載：download

投票：vote

合作伙伴：partner

友情連結：link

版權：copyright

五、看一些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{}