css命名相关

命名不要以数字开始

命名:根据每块元素的主题 或者功能、在页面上的位置

命名的几种格式:

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(即页面所处位置导航提示)

posted @ 2018-12-12 19:59  文艺小青年啊  阅读(89)  评论(0编辑  收藏  举报