css命名规则

来源:互联网 发布:淘宝店铺关键词设置 编辑:程序博客网 时间:2024/06/05 04:20
登录条: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 

1.CSS的 ID 的命名 也许你需要了解class与Id区别

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

2.CSS样式文件命名如下 

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