注意：命名不要以數字開始

瞭解class與id區別及用法


命名寫法：

1. 每個單詞中間以“_”隔開 #main_left_box{}

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

3. 用包含選擇器，定義元素時候能找到這個元素並且不影響其他元素即可
        如：.top p span em{}可以寫成 .top em{}前提是，不影響其它元素樣式
        

命名原則：可根據每塊元素的主題 或者功能、在頁面上的位置來定義名稱，便於管理查詢和維護

常用簡例如下：（可根據內容需要組合使用）

頂部：top:
頂導航：topNav top_nav
頁頭：    header  如：#header{屬性:屬性值;}或.header{屬性:屬性值;},
頁面主體：main         
頁尾：footer
側欄：sideBar
邊導航圖示：sidebarIcon   
廣告：banner

外　套：wrap
欄目標題：title  
內容：content


選單：  menu   
子選單：subMenu
選單內容1： menu1Content
導航：nav  
子導航：subNav
搜尋：search
登入條：loginBar

標誌：logo   
指南：guild
新聞：news
熱點：hot
下載：download  
服務：service  
登陸：login    
註冊：regisiter  
合作伙伴：partner
版權：copyRight
友情連結：friendLink   

 
標籤頁：tab  
當前：current
文章列表：list                     
提示資訊：msg    
加入：joinus
小技巧：tips  
投票：vote                     
狀態：status
滾動：scroll                                                                                 
按鈕：btn                
商　標：label