<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS命名规范</title>
<style>
body{ margin:20 auto; padding:0; font-family:"宋体"; font-size:14px;}
div{ margin:0 auto; overflow:hidden;}
.container{ width:900px; background:#fafafa; border:2px dashed #09C; padding:10px;}
h1{ text-align:center; background:#ededed; padding:5px 0px;}
h4{ width:900px; height:18px; overflow:hidden;}
p{ margin:0px; padding:0px 0px;}
a{ width:170px; margin:2px 4px 2px 0px; padding:2px; line-height:24px; color: #333; text-decoration:none; float:left; border:1px dashed #ccc;}
a:hover{ background:#090; color:#FFF}
</style>
</head>
<body>
<div class="container">
<h1>CSS样式命名整理</h1>
<h4>页面结构</h4>
<p>
<a href="#">容器: container/wrap</a>
<a href="#">整体宽度：wrapper</a>
<a href="#">页头：header</a>
<a href="#">内容：content</a>
<a href="#">页面主体：main</a>
<a href="#">页尾：footer</a>
<a href="#">导航：nav</a>
<a href="#">侧栏：sidebar</a>
<a href="#">栏目：column</a>
<a href="#">中间内容：center</a>
</p>
<h4>导航</h4>
<p>
<a href="#">导航：nav</a>
<a href="#">导航：mainbav/globalnav</a>
<a href="#">子导航：subnav</a>
<a href="#">顶导航：topnav</a>
<a href="#">边导航：sidebar</a>
<a href="#">左导航：leftsidebar</a>
<a href="#">右导航：rightsidebar</a>
<a href="#">边导航图标：sidebarIcon</a>
<a href="#">菜单：menu</a>
<a href="#">子菜单：submenu</a>
<a href="#">标题: title</a>
</p>
<h4>功能</h4>
<p>
<a href="#">标志：logo</a>
<a href="#">登陆：login</a>
<a href="#">登录条：loginbar</a>
<a href="#">注册：regsiter</a>
<a href="#">产品：products</a>
<a href="#">产品价格：productsPrices</a>
<a href="#">产品评论：productsReview</a>
<a href="#">编辑评论：editor-review</a>
<a href="#">最新产品：news-release</a>
<a href="#">广告/标语：banner</a>
<a href="#">摘要:summary</a>
<a href="#">生产商：publisher</a>
<a href="#">缩略图：screenshot</a>
<a href="#">常见问题：faqs</a>
<a href="#">关键词：keyword</a>
<a href="#">博客：blog</a>
<a href="#">论坛：forum</a>
<a href="#">搜索：search</a>
<a href="#">搜索输入框：search-input</a>
<a href="#">搜索输出：search-output</a>
<a href="#">搜索结果：search-results</a>
<a href="#">加入我们：joinus</a>
<a href="#">状态：status</a>
<a href="#">按钮：btn</a>
<a href="#">滚动：scroll</a>
<a href="#">标签页：tab</a>
<a href="#">文章列表：list</a>
<a href="#">提示信息：msg/message</a>
<a href="#">当前的: current</a>
<a href="#">小技巧：tips</a>
<a href="#">皮肤：skin</a>
<a href="#">充值：pay</a>
<a href="#">活动：activities</a>
<a href="#">推广：promotion</a>
<a href="#">公告：announcement</a>
<a href="#">排行：ranking</a>
<a href="#">公司简介：companyProfile </a>
<a href="#">公司设备：equipment</a>
<a href="#">公司荣誉：glories</a>
<a href="#">企业文化：culture</a>
<a href="#">企业规模：scaleScale</a>
<a href="#">营销网络：salesNetwork</a>
<a href="#">组织机构：organization</a>
<a href="#">技术力量：technology</a>
<a href="#">分支机构：branches</a>
<a href="#">企业资质：EnterpriseQualification</a>
<a href="#">公司实力：strengthStrength</a>
<a href="#">经营理念：operationPrinciple</a>
<a href="#">经理致辞：manager_oration</a>
<a href="#">发展历程：developmentHistory</a>
<a href="#">工程案例：EngineeringProjects</a>
<a href="#">分类浏览：browseByCategory</a>
<a href="#">应用领域：applicationFields</a>
<a href="#">人力资源：humanResourceHr</a>
<a href="#">领导致辞： leader_oration</a>
<a href="#">客户留言：customerMessage</a>
<a href="#">客户服务：customerService</a>
<a href="#">您的要求：yourRequirements</a>
<a href="#">销售信息：salesInformation</a>
<a href="#">招商：EnterpriseEstablishing</a>
<a href="#">教育培训：EducationTraining</a>
<a href="#">在线交流：onlineCommunication</a>
<a href="#">质量认证：qualityCertification</a>
<a href="#">合作加盟：joinInCooperation</a>
<a href="#">产品描述：productsDescription</a>
<a href="#">业务范围：businessScope</a>
<a href="#">产品销售：salesSales</a>
<a href="#">联系我们：contactUs</a>
<a href="#">信息发布：Information</a>
<a href="#">返回首页：homepage</a>
<a href="#">产品定购：order</a>
<a href="#">电子商务：E-business</a>
<a href="#">版权所有：copy Right</a>
<a href="#">友情连结：hot Link</a>
<a href="#">行业新闻：tradeNews</a>
<a href="#">行业动态：trends</a>
<a href="#">邮编：postalCodeZipcode</a>
<a href="#">新闻动态：newsTrends</a>
<a href="#">公司名称：companyName</a>
<a href="#">销售热线：salesHot_Line</a>
<a href="#">联系人：contactPerson</a>
<a href="#">建设中：InConstruction</a>
<a href="#">证书：certificate</a>
<a href="#">地址：ADD/Add</a>
<a href="#">电话：TEL/Tel</a>
<a href="#">传真：FAX/Fax</a>
<a href="#">产品名称：productName</a>
<a href="#">产品说明：description</a>
<a href="#">价格：price</a>
<a href="#">品牌：brand</a>
<a href="#">规格：specification</a>
<a href="#">尺寸：size</a>
<a href="#">生产厂家：manufacuturer</a>
<a href="#">型号：model</a>
<a href="#">产品标号：Item No</a>
<a href="#">技术指标：techniqueData</a>
<a href="#">产品描述：description</a>
<a href="#">产地：productionPlace</a>
<a href="#">用途：application</a>
<a href="#">论坛：Forum</a>
<a href="#">在线订购：on_lineOrder</a>
<a href="#">招标：bidInviting</a>
<a href="#">综述：general</a>
<a href="#">业绩：achievements</a>
<a href="#">大事：greatEvent</a>
<a href="#">动态：trends</a>
<a href="#">服务：service</a>
<a href="#">投资：Investment</a>
<a href="#">行业：Industry</a>
<a href="#">规划：programming</a>
<a href="#">环境：environment</a>
<a href="#">发送：delivery</a>
<a href="#">提交：submit</a>
<a href="#">重写：reset</a>
<a href="#">社区：community</a>
<a href="#">业务：business</a>
<a href="#">在线调查：onlineInquiry</a>
<a href="#">下载中心：download</a>
<a href="#">意见反馈：feedback</a>
<a href="#">常见问题：FAQ</a>
<a href="#">中心概况：generalProfile</a>
<a href="#">游乐园：amusementPark </a>
<a href="#">专题报道：specialReport</a>
<a href="#">图标: icon</a>
<a href="#">注释：note</a>
<a href="#">指南：guild</a>
<a href="#">服务：service</a>
<a href="#">热点：hot</a>
<a href="#">新闻：news</a>
<a href="#">下载：download</a>
<a href="#">投票：vote</a>
<a href="#">商 标：label/branding</a>
<a href="#">当前位置：breadcrumb/loc</a>
<a href="#">购物车：shop</a>
<a href="#">标签：tag</a>
<a href="#">信誉：siteinfo-credits</a>
<a href="#">网站信息：siteinfo</a>
<a href="#">法律声明：siteinfo-legal</a>
<a href="#">合作伙伴：partner</a>
<a href="#">友情链接：friendlink</a>
<a href="#">版权：copyright</a>
</p>
</div>
</body>
</html>
