命名不要以數字開始

命名：根據每塊元素的主題 或者功能、在頁面上的位置

命名的幾種格式：

1.全部小寫
2.每個單詞中間以“_”隔開 #main_left_box{}

3.駝峰命名 從第二個單詞開始每個單詞的首字母大寫  #mainLeftBox{}

注意.包含選擇器層級要控制，能找到這個元素並且不影響其他元素即可



頁頭：header  
如：#header{屬性:屬性值;}或.header{屬性:屬性值;},

常用類名：

登入條：loginBar         標誌：logo                側欄：sideBar
廣告：banner             導航：nav                 子導航：subNav
選單：menu                子選單：subMenu           搜尋：search
滾動：scroll              頁面主體：main            內容：content
標籤頁：tab               文章列表：list            提示資訊：msg
小技巧：tips              欄目標題：title            加入：joinus
指南：guild               服務：service              熱點：hot
新聞：news                按鈕：btn                  投票：vote       
狀態：status               
合作伙伴：partner       


外　套：wrap
商　標：label
標　題：title
頂導航：topnav
邊導航：sidebar
左導航：leftsideBar
右導航：rightsideBar
橫幅：banner     
選單內容1： menu1Content
選單容量：　menuContainer
子選單：　　submenu
邊導航圖示：sidebarIcon
註釋：　　　note
版    權：copyRight
友情連結：friendLink   

當前：current  
容器：container
頁尾：footer

功能區：
shop(如購物車，收銀臺) 搜尋：search  登陸：login   註冊：regsiter   下載：download

麵包屑導航：breadCrumb(即頁面所處位置導航提示)