thinkcq’s blog

CSS命名规范

07月 19th, 2006

这段时间由于工作的需要对CSS的命名做了一些研究，主要是想让作出的文档等规范，更能让人看懂和读懂。如有错误或不妥之处，敬请指出。

DIV	CSS名称	说明
网站公用相关
Container div	#container	容器
Header or banner div	#header	页头部分
Main or global navigation div	#main-nav	主导航
Menu	#menu	菜单
Sub Menu	#submenu	子菜单
Left or right side columns	#sidebar-a, #sidebar-b	左边栏或右边栏
Main div	#main	页面主体
Content div	#content	内容部分
The main content area	#content-main	主要内容区域
Footer div	#footer	页脚部分
Tag	#tag	标签
Message	#msg #message	提示信息
Tips	#tips	小技巧
Vote	#vote	投票
Friend Link	#friendlink	友情连接
Title	#title	标题
Summary	#summary	摘要
Sub-navigation list	#sub-nav	二级导航
Search input	#search-input	搜索输入框
Search output	#search-output	搜索输出和搜索结果相似
Search	#search	搜索
Search results	#search-results	搜索结果
Copyright information	#copyright	版权信息
brand	#branding	商标
branding-logo	#branding-logo	LOGO
Site information	#siteinfo	网站信息
Copyright information etc.	#siteinfo-legal	法律声明
Designer or other credits	#siteinfo-credits	信誉
Join us	#joinus	加入我们
Partnership opportunities	#partner	合作伙伴
Services	#service	服务
Regsiter	#regsiter	注册
Status	#status	状态
电子贸易相关
Products	.products	产品
Products prices	.products-prices	产品价格
Products description	.products-description	产品描述
Products review	.products-review	产品评论
Editor’s review	.editor-review	编辑评论
New release	.news-release	最新产品
Publisher	.publisher	生产商
Screen shot	.screenshot	缩略图
FAQ	.faqs	常见问题
Keyword	.keyword	关键词
Blog	.blog	博客
Forum	.forum	论坛