注意：命名不要以數字開始
了解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
---------------------
原文：https://blog.csdn.net/qq_35770417/article/details/77774982