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