英文命名：根据每块元素的主题 或者功能、在页面上的位置
php 每个单词中间以“_”隔开 #main_left_box{}
驼峰命名 从第二个单词开始每个单词的首字母大写 #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 下载：download 注册：regsiter
状态：status 按钮：btn 投票：vote
合作伙伴：partner 友情链接：friendLink 页脚：footer
版权：copyRight
外 套：wrap 版 权：copyRight 商 标：label 标 题：title 顶导航：topnav
边导航：sidebar 左导航：leftsideBar 右导航：rightsideBar 标 语：banner
菜单内容1： menu1Content
菜单容量： menuContainer 子菜单： submenu
边导航图标：sidebarIcon 注释： note
面包屑：breadCrumb(即页面所处位置导航提示)
容器：container 内容：content 搜索：search
登陆：login 功能区： shop(如购物车，收银台)
当前：current