CSS命名规范,规则常用的CSS命名规则

CSS命名规范(规则)常用的CSS命名规则 

  头:header 

  内容:content/container 

  尾:footer 

  导航:nav 

  侧栏:sidebar 

  栏目:column 

  页面外围控制整体佈局宽度:wrapper 

  左右中:left  right  center 

  登录条:loginbar 

  标志:logo 

  广告:banner 

  页面主体:main 

  热点:hot 

  新闻:news 

  下载:download 

  子导航:subnav 

  菜单:menu 

  子菜单:submenu 

  搜索:search 

  友情链接:friendlink 

  页脚:footer 

  版权:copyright 

  滚动:scroll 

  内容:content 

  标签:tags 

  文章列表:list 

  提示信息:msg 

  小技巧:tips 

  栏目标题:title 

  加入:joinus 

  指南:guide 

  服务:service 

  注册:regsiter 

  状态:status 

  投票:vote 

  合作伙伴:partner 



  注释的写法: 

  /*  Header  */ 

  内容区 

  /*  End  Header  */ 



  Id的命名: 

  1)页面结构 

  容器:  container 

  页头:header 

  内容:content/container 

  页面主体:main 

  页尾:footer 

  导航:nav 

  侧栏:sidebar 

  栏目:column 

  页面外围控制整体佈局宽度:wrapper 

  左右中:left  right  center 



  (2)导航 

  导航:nav 

  主导航:mainnav 

  子导航:subnav 

  顶导航:topnav 

  边导航:sidebar 

  左导航:leftsidebar 

  右导航:rightsidebar 

  菜单:menu 

  子菜单:submenu 

  标题:  title 

  摘要:  summary 



  (3)功能 

  标志:logo 

  广告:banner 

  登陆:login 

  登录条:loginbar 

  注册:register 

  搜索:search 

  功能区:shop 

  标题:title 

  加入:joinus 

  状态:status 

  按钮:btn 

  滚动:scroll 

  标籤页:tab 

  文章列表:list 

  提示信息:msg 

  当前的:  current 

  小技巧:tips 

  图标:  icon 

  注释:note 

  指南:guild 

  服务:service 

  热点:hot 

  新闻:news 

  下载:download 

  投票:vote 

  合作伙伴:partner 

  友情链接:link 

  版权:copyright 



  注意事项:: 

  1.一律小写; 

  2.尽量用英文; 

  3.不加中横和下划线; 

  4.尽量不缩写,除非一看就明白的单词。 



  CSS样式表文件命名 

  主要的  master.css 

  模块  module.css 

  基本共用  base.css 

  布局、版面  layout.css 

  主题  themes.css 

  专栏  columns.css 

  文字  font.css 

  表单  forms.css 

  补丁  mend.css 

  打印  print.css