css命名规范

来源:互联网 发布:程序员的网站有哪些 编辑:程序博客网 时间:2024/05/09 00:12
 页头:header
  登录条: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 的命名
  
  外 套:  wrap
  主导航:  mainnav
  子导航:  subnav
  页 脚:  footer
  整个页面: content
  页 眉:  header
  页 脚:  footer
  商 标:  label
  标 题:  title
  主导航:  mainbav(globalnav)
  顶导航:  topnav
  边导航:  sidebar
  左导航:  leftsidebar
  右导航:  rightsidebar
  旗 志:  logo
  标 语:  banner
  菜单内容1: menu1content
  菜单容量: menucontainer
  子菜单:  submenu
  边导航图标:sidebarIcon
  注释:   note
  面包屑:  breadcrumb(即页面所处位置导航提示)
  容器:   container
  内容:   content
  搜索:   search
  登陆:   Login
  功能区:  shop(如购物车,收银台)
  当前的   current
  
  2.另外在编辑样式表时可用的注释可这样写:
  
  <-- Footer -->
  内容区
  <-- End Footer -->
  
  3.样式文件命名
  
  主要的 master.css
  布局,版面 layout.css
  专栏 columns.css
  文字 font.css
  打印样式 print.css
  主题 themes.css