css命名规范

最近公司缺乏人手,把我调到了一个前端开发中,哥原本就是作后台的,可是无奈只能硬着头皮上了,对于css怎么滴还仍是了解,可是初始的命名整的我很头疼,怕被人家说,因此这里整理并转载了一些css的命名留做备用:

关于css文件的命名。
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css


页头
登陆条: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
经常使用配合标签div、h一、h二、h三、h四、span、em、b、strong、font、u

外 套:wrap              主导航:mainNav        子导航:subnav
页 脚:footer             整个页面:content      页 眉:header
版    权:
copyRight       商 标:label              标 题:title 主导航:mainNav(globalNav)                  顶导航:topnav 边导航:sidebar           左导航:leftsideBar   右导航:rightsideBar 旗 志:logo                标 语:banner         菜单内容1: menu1Content 菜单容量: menuContainer                  子菜单:  submenu 边导航图标:sidebarIcon                        注释:   note 面包屑:breadCrumb(即页面所处位置导航提示) 容器:container      内容:content          搜索:search 登录:login             功能区:  shop(如购物车,收银台) 当前:current
相关文章
相关标签/搜索