在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  




你可能感兴趣的:(HTML,CSS,CSS,HTML,标签,class,box)