CSS样式命名

CSS样式命名    说明
网页公共命名
#wrapper    页面外围控制整体布局宽度
#container或#content    容器,用于最外层
#layout    布局
#head, #header    页头部分
#foot, #footer    页脚部分
#nav    主导航
#subnav    二级导航
#menu    菜单
#submenu    子菜单
#sideBar    侧栏
#sidebar_a, #sidebar_b    左边栏或右边栏
#main    页面主体
#tag    标签
#msg #message    提示信息
#tips    小技巧
#vote    投票
#friendlink    友情连接
#title    标题
#summary    摘要
#loginbar    登录条
#searchInput    搜索输入框
#hot    热门热点
#search    搜索
#search_output    搜索输出和搜索结果相似
#searchBar    搜索条
#search_results    搜索结果
#copyright    版权信息
#branding    商标
#logo    网站LOGO标志
#siteinfo    网站信息
#siteinfoLegal    法律声明
#siteinfoCredits    信誉
#joinus    加入我们
#partner    合作伙伴
#service    服务
#regsiter    注册
arr/arrow    箭头
#guild    指南
#sitemap    网站地图
#list    列表
#homepage    首页
#subpage    二级页面子页面
#tool, #toolbar    工具条
#drop    下拉
#dorpmenu    下拉菜单
#status    状态
#scroll    滚动
.tab    标签页
.left .right .center    居左、中、右
.news    新闻
.download    下载
.banner    广告条(顶部广告条)

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

　　标签页：tab

　　文章列表：list

　　提示信息：msg

　　小技巧：tips

　　栏目标题：title

　　加入：joinus

　　指南：guild

　　服务：service

　　注册：regsiter

　　状态：status

　　投票：vote

　　合作伙伴：partner

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的命名

　　外套: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