标签：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS命名规范</title> 6 <style> 7 body{ margin:20 auto; padding:0; font-family:"宋体"; font-size:14px;} 8 div{ margin:0 auto; overflow:hidden;} 9 .container{ width:900px; background:#fafafa; border:2px dashed #09C; padding:10px;} 10 h1{ text-align:center; background:#ededed; padding:5px 0px;} 11 h4{ width:900px; height:18px; overflow:hidden;} 12 p{ margin:0px; padding:0px 0px;} 13 a{ width:169px; margin:2px 4px 2px 0px; padding:2px; line-height:24px; color: #333; text-decoration:none; float:left; border:1px dashed #ccc;} 14 a:hover{ background:#090; color:#FFF;} 15 </style> 16 </head> 17 <body> 18 <div class="container"> 19 <h1>CSS样式命名整理</h1> 20 <h4>页面结构</h4> 21 <p> 22 <a href="#.">容器: container/wrap</a> 23 <a href="#.">整体宽度：wrapper</a> 24 <a href="#.">页头：header</a> 25 <a href="#.">内容：content</a> 26 <a href="#.">页面主体：main</a> 27 <a href="#.">页尾：footer</a> 28 <a href="#.">导航：nav</a> 29 <a href="#.">侧栏：sidebar</a> 30 <a href="#.">栏目：column</a> 31 <a href="#.">中间内容：center</a> 32 </p> 33 <h4>导航</h4> 34 <p> 35 <a href="#.">导航：nav</a> 36 <a href="#.">导航：mainbav/globalnav</a> 37 <a href="#.">子导航：subnav</a> 38 <a href="#.">顶导航：topnav</a> 39 <a href="#.">边导航：sidebar</a> 40 <a href="#.">左导航：leftsidebar</a> 41 <a href="#.">右导航：rightsidebar</a> 42 <a href="#.">边导航图标：sidebarIcon</a> 43 <a href="#.">菜单：menu</a> 44 <a href="#.">子菜单：submenu</a> 45 <a href="#.">标题: title</a> 46 </p> 47 <h4>功能</h4> 48 <p> 49 <a href="#.">标志：logo</a> 50 <a href="#.">登陆：login</a> 51 <a href="#.">登录条：loginbar</a> 52 <a href="#.">注册：regsiter</a> 53 <a href="#.">产品：products</a> 54 <a href="#.">产品价格：productsPrices</a> 55 <a href="#.">产品评论：productsReview</a> 56 <a href="#.">编辑评论：editor-review</a> 57 <a href="#.">最新产品：news-release</a> 58 <a href="#.">广告/标语：banner</a> 59 <a href="#.">摘要:summary</a> 60 <a href="#.">生产商：publisher</a> 61 <a href="#.">缩略图：screenshot</a> 62 <a href="#.">常见问题：faqs</a> 63 <a href="#.">关键词：keyword</a> 64 <a href="#.">博客：blog</a> 65 <a href="#.">论坛：forum</a> 66 <a href="#.">搜索：search</a> 67 <a href="#.">搜索输入框：search-input</a> 68 <a href="#.">搜索输出：search-output</a> 69 <a href="#.">搜索结果：search-results</a> 70 <a href="#.">加入我们：joinus</a> 71 <a href="#.">状态：status</a> 72 <a href="#.">按钮：btn</a> 73 <a href="#.">滚动：scroll</a> 74 <a href="#.">标签页：tab</a> 75 <a href="#.">文章列表：list</a> 76 <a href="#.">提示信息：msg/message</a> 77 <a href="#.">当前的: current</a> 78 <a href="#.">小技巧：tips</a> 79 <a href="#.">皮肤：skin</a> 80 <a href="#.">充值：pay</a> 81 <a href="#.">活动：activities</a> 82 <a href="#.">推广：promotion</a> 83 <a href="#.">公告：announcement</a> 84 <a href="#.">排行：ranking</a> 85 <a href="#.">公司简介：companyProfile </a> 86 <a href="#.">公司设备：equipment</a> 87 <a href="#.">公司荣誉：glories</a> 88 <a href="#.">企业文化：culture</a> 89 <a href="#.">企业规模：scaleScale</a> 90 <a href="#.">营销网络：salesNetwork</a> 91 <a href="#.">组织机构：organization</a> 92 <a href="#.">技术力量：technology</a> 93 <a href="#.">分支机构：branches</a> 94 <a href="#.">企业资质：EnterpriseQualification</a> 95 <a href="#.">公司实力：strengthStrength</a> 96 <a href="#.">经营理念：operationPrinciple</a> 97 <a href="#.">经理致辞：manager_oration</a> 98 <a href="#.">发展历程：developmentHistory</a> 99 <a href="#.">工程案例：EngineeringProjects</a> 100 <a href="#.">分类浏览：browseByCategory</a> 101 <a href="#.">应用领域：applicationFields</a> 102 <a href="#.">人力资源：humanResourceHr</a> 103 <a href="#.">领导致辞： leader_oration</a> 104 <a href="#.">客户留言：customerMessage</a> 105 <a href="#.">客户服务：customerService</a> 106 <a href="#.">您的要求：yourRequirements</a> 107 <a href="#.">销售信息：salesInformation</a> 108 <a href="#.">招商：EnterpriseEstablishing</a> 109 <a href="#.">教育培训：EducationTraining</a> 110 <a href="#.">在线交流：onlineCommunication</a> 111 <a href="#.">质量认证：qualityCertification</a> 112 <a href="#.">合作加盟：joinInCooperation</a> 113 <a href="#.">产品描述：productsDescription</a> 114 <a href="#.">业务范围：businessScope</a> 115 <a href="#.">产品销售：salesSales</a> 116 <a href="#.">联系我们：contactUs</a> 117 <a href="#.">信息发布：Information</a> 118 <a href="#.">返回首页：homepage</a> 119 <a href="#.">产品定购：order</a> 120 <a href="#.">电子商务：E-business</a> 121 <a href="#.">版权所有：copy Right</a> 122 <a href="#.">友情连结：hot Link</a> 123 <a href="#.">行业新闻：tradeNews</a> 124 <a href="#.">行业动态：trends</a> 125 <a href="#.">邮编：postalCodeZipcode</a> 126 <a href="#.">新闻动态：newsTrends</a> 127 <a href="#.">公司名称：companyName</a> 128 <a href="#.">销售热线：salesHot_Line</a> 129 <a href="#.">联系人：contactPerson</a> 130 <a href="#.">建设中：InConstruction</a> 131 <a href="#.">证书：certificate</a> 132 <a href="#.">地址：ADD/Add</a> 133 <a href="#.">电话：TEL/Tel</a> 134 <a href="#.">传真：FAX/Fax</a> 135 <a href="#.">产品名称：productName</a> 136 <a href="#.">产品说明：description</a> 137 <a href="#.">价格：price</a> 138 <a href="#.">品牌：brand</a> 139 <a href="#.">规格：specification</a> 140 <a href="#.">尺寸：size</a> 141 <a href="#.">生产厂家：manufacuturer</a> 142 <a href="#.">型号：model</a> 143 <a href="#.">产品标号：Item No</a> 144 <a href="#.">技术指标：techniqueData</a> 145 <a href="#.">产品描述：description</a> 146 <a href="#.">产地：productionPlace</a> 147 <a href="#.">用途：application</a> 148 <a href="#.">论坛：Forum</a> 149 <a href="#.">在线订购：on_lineOrder</a> 150 <a href="#.">招标：bidInviting</a> 151 <a href="#.">综述：general</a> 152 <a href="#.">业绩：achievements</a> 153 <a href="#.">大事：greatEvent</a> 154 <a href="#.">动态：trends</a> 155 <a href="#.">服务：service</a> 156 <a href="#.">投资：Investment</a> 157 <a href="#.">行业：Industry</a> 158 <a href="#.">规划：programming</a> 159 <a href="#.">环境：environment</a> 160 <a href="#.">发送：delivery</a> 161 <a href="#.">提交：submit</a> 162 <a href="#.">重写：reset</a> 163 <a href="#.">社区：community</a> 164 <a href="#.">业务：business</a> 165 <a href="#.">在线调查：onlineInquiry</a> 166 <a href="#.">下载中心：download</a> 167 <a href="#.">意见反馈：feedback</a> 168 <a href="#.">常见问题：FAQ</a> 169 <a href="#.">中心概况：generalProfile</a> 170 <a href="#.">游乐园：amusementPark </a> 171 <a href="#.">专题报道：specialReport</a> 172 <a href="#.">图标: icon</a> 173 <a href="#.">注释：note</a> 174 <a href="#.">指南：guild</a> 175 <a href="#.">服务：service</a> 176 <a href="#.">热点：hot</a> 177 <a href="#.">新闻：news</a> 178 <a href="#.">下载：download</a> 179 <a href="#.">投票：vote</a> 180 <a href="#.">商 标：label/branding</a> 181 <a href="#.">当前位置：breadcrumb/loc</a> 182 <a href="#.">购物车：shop</a> 183 <a href="#.">标签：tag</a> 184 <a href="#.">信誉：siteinfo-credits</a> 185 <a href="#.">网站信息：siteinfo</a> 186 <a href="#.">法律声明：siteinfo-legal</a> 187 <a href="#.">合作伙伴：partner</a> 188 <a href="#.">友情链接：friendlink</a> 189 <a href="#.">版权：copyright</a> 190 </p> 191 </div> 192 </body>
标签：
原文地址：http://www.cnblogs.com/Nimitz/p/4712485.html
