CSS命名规范

【文章摘自】http://blog.sina.com.cn/s/blog_1378587330102vipq.html

CSS命名规则

　　头：header


　　内容：content/containe


　　尾：footer


　　导航：nav


　　侧栏：sidebar


　　栏目：column


　　页面外围控制整体布局宽度：wrapper


　　左右中：left right center


　　登录条：loginbar


　　标志：logo


　　广告：banner


　　页面主体：main


　　热点：hot


　　新闻：news


　　下载：download


　　子导航：subnav


　　菜单：menu


　　子菜单：submenu


　　搜索：search


　　友情链接：friendlink


　　页脚：footer


　　版权：copyright


　　滚动：scroll


　　内容：content


　　标签页：tab


　　文章列表：list


　　提示信息：msg


　　小技巧：tips


　　栏目标题：title


　　加入：joinus


　　指南：guild


　　服务：service


　　注册：regsiter


　　状态：status


　　投票：vote


　　合作伙伴：partner


XHTML文件中id的命名


(1)页面结构


　　容器: container


　　页头：header


　　内容：content/container


　　页面主体：main


　　页尾：footer


　　导航：nav


　　侧栏：sidebar


　　栏目：column


　　页面外围控制整体布局宽度：wrapper


　　左右中：left right center


(2)导航


　　导航：nav


　　主导航：mainbav


　　子导航：subnav


　　顶导航：topnav


　　边导航：sidebar


　　左导航：leftsidebar


　　右导航：rightsidebar


　　菜单：menu


　　子菜单：submenu


　　标题: title


　　摘要: summary


(3)功能


　　标志：logo


　　广告：banner


　　登陆：login


　　登录条：loginbar


　　注册：regsiter


　　搜索：search


　　功能区：shop


　　标题：title


　　加入：joinus


　　状态：status


　　按钮：btn


　　滚动：scroll


　　标签页：tab


　　文章列表：list


　　提示信息：msg


　　当前的: current


　　小技巧：tips


　　图标: icon


　　注释：note


　　指南：guild


　　服务：service


　　热点：hot


　　新闻：news


　　下载：download


　　投票：vote


　　合作伙伴：partner


　　友情链接：link


　　版权：copyright


 


 


 


 


CSS+DIV的命名规则：


　　登录条:loginBar
　　标志:logo
　　侧栏:sideBar
　　广告:banner
　　导航:nav
　　子导航:subNav
　　菜单:menu
　　子菜单:subMenu
　　搜索:search
　　滚动:scroll
　　页面主体:main
　　内容:content
　　标签页:tab
　　文章列表:list
　　提示信息:msg
　　小技巧:tips
　　栏目标题:title
　　友情链接:friendLink
　　页脚:footer
　　加入:joinus
　　指南:guild
　　服务:service
　　热点:hot
　　新闻:news
　　下载:download
　　注册:regsiter
　　状态:status
　　按钮:btn
　　投票:vote
　　合作伙伴:partner
　　版权:copyRight


　　1.CSSID的命名
    横线：lineae transversae
    竖线：vertical line
    页码:page
　　外套: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.样式文件命名
　　主要的:master.css
　　布局版面:layout.css
　　专栏:columns.css
　　文字:font.css
　　打印样式:print.css
　　主题:themes.css