在HTML文档中class名以及id名的命名规则

注意：命名不要以数字开始

了解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