命名不要以数字开始命名：根据每块元素的主题 或者功能、在页面上的位置命名的几种格式：1.全部小写2.每个单词中间以“_”隔开 #main_left_box{}3.驼峰命名 从第二个单词开始每个单词的首
... .
命名不要以数字开始命名：根据每块元素的主题 或者功能、在页面上的位置命名的几种格式：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(即页面所处位置导航提示)
. .. ...