命名不要以数字开始
命名：根据每块元素的主题 或者功能、在页面上的位置
命名的几种格式：
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(即页面所处位置导航提示)