CSS样式命名规范(通用)

来源:互联网 发布:滑坡灾害数据 编辑:程序博客网 时间:2024/05/18 03:17
命名:根据每块元素的主题或者功能、在页面上的位置来进行CSS样式命名。

php中命名规范:  每个单词中间以“_”隔开 #main_left_box{}

驼峰命名: 从第二个单词开始每个单词的首字母大写  #mainLeftBox{}

【注意】:写包含样式的时候能找到这个元素并且不影响其他元素即可

页头:header  如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法

登录条: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 

 
0 0