注意：命名不要以数字开始
了解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