首页 > 代码库 > CSS命名规范

CSS命名规范

2024-07-18 00:42:05   226人阅读

CSS样式命名整理(转)

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

 

 

 

CSS命名规范

from:http://www.w3cfuns.com/thread-5592941-1-1.html


联系
我们