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 */
 
 

 
 

页面结构：
(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
 
 

 
 


 
 

CSS样式表文件命名：

 
 

  
  基本共用 global.css base.css
 
 

 
 

  
  主页面 index.css
 
 

 
 

  
  子页面 sub.css
 
 

 
 

  
  模块 module.css
 
 

 
 

  
  主题 themes.css
 
 

 
 

  
  专栏 columns.css
 
 

 
 

  
  文字 font.css
 
 

 
 

  
  表单 forms.css
 
 

 
 

  
  打印 print.css
 
 
本文作者：Mrcxt
查看更多内容：进入Mrcxt的wordpress博客