CSS样式命名整理

页面结构

容器: container/wrap整体宽度：wrapper页头：header内容：content页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column中间内容：center

导航

导航：nav导航：mainbav/globalnav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar边导航图标：sidebarIcon菜单：menu子菜单：submenu标题: title

功能

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

来源：

css命名规范—CSS样式命名整理的更多相关文章

  1. CSS网站框架及样式命名规范

    CSS网站框架 复位:reset.css 基础:base.css 或 basic.css (字体大小.颜色.背景.行高.列表样式.按钮样式.表格样式等等) 布局:layout.css (非结构的布局) ...

  2. 常用html、CSS、javascript前端命名规范

    无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添 ...

  3. DIV+CSS命名规范-转载2

    一.CSS文件及样式命名1.CSS文件命名规范 全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.c ...

  4. CSS 命名规范总结

    CSS 命名规范总结 BEM 命名给 CSS 以及 html 提供清晰结构,命名空间提供更多信息,模块化提高代码的重用,以达到 CSS 命名语义化.可重用性高.后期维护容易.加载渲染快的要求. 首先, ...

  5. CSS命名规范参考及书写注意事项

    CSS书写顺序 *{ /*显示属性*/ display position float clear cursor … /*盒模型*/ margin padding width height /*排版*/ ...

  6. 我认为最节省时间的CSS命名规范

    CSS命名规范一 js中对变量的命名最好使用camel case驼峰式命名法,但CSS中更适用于red-box命名规范. CSS命名规范二 BEM命名规范 B=>block E=>elem ...

  7. 我自己总结的C#开发命名规范整理了一份

    我自己总结的C#开发命名规范整理了一份 标签: 开发规范文档标准语言 2014-06-27 22:58 3165人阅读 评论(1) 收藏 举报  分类: C#(39)  版权声明:本文为博主原创文章, ...

  8. html Css PC 移动端 公用部分样式代码整理

    css常用公用部分样式代码整理: body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li ...

  9. java开发命名规范总结

    一 包名的书写规范 (Package)推荐使用公司或机构的顶级域名为包名的前缀,目的是保证各公司/机构内所使用的包名的唯一性.包名全部为小写字母,且具有实际的区分意义. 1.1 一般要求1.选择有意义 ...

随机推荐

  1. 全民nib

    1.为任何组件创建nib文件 那么如何通过XIB来创建自己的个性化的class呢. 1.Add----New Filss---Cocoa Touch Classes---Object-C  Class ...

  2. ViewerJS 一个在浏览器上查看 PDF 和电子表格的 JavaScript 库

    Viewer.js简介 http://viewerjs.org/ 下载Viewer.js压缩包,解压后将ViewerJS文件夹放在网站根目录下 在浏览器地址栏中输入网址http://172.16.8. ...

  3. C++ TUTORIAL - MEMORY ALLOCATION - 2016

    http://www.bogotobogo.com/cplusplus/memoryallocation.php Variables and Memory Variables represent st ...

  4. c++友元函数友元类

    友元函数和友元类的需要: 类具有封装和信息隐藏的特性.只有类的成员函数才能访问类的私有成员,程序中的其他函数是无法访问私有成员的.非成员函数可以访问类中的公有成员,但是如果将数据成员都定义为公有的,这 ...

  5. QDUOJ 生化危机 邻接表存图+BFS

    生化危机 发布时间: 2015年10月10日 18:05   时间限制: 1000ms   内存限制: 256M 描述 X博士想造福人类, 研发一种可以再生肢体的药物, 可是很不幸......研究失败 ...

  6. HTML学习笔记（六）TCP/IP

    TCP/IP 是供已连接因特网的计算机进行通信的通信协议. 在 TCP/IP 中包含一系列用于处理数据通信的协议: TCP (传输控制协议) - 应用程序之间通信 UDP (用户数据包协议) - 应用 ...

  7. 两种好用的清除浮动的小技巧（clearfix hack）

    方法一:使用内容生成的方式清除浮动 这种方法不能解决margin在垂直边界上的叠加问题,如果不涉及margin的边界叠加问题使用这种方法清除浮动就行了 . /* :after 选择器向选定的元素之后插 ...

  8. 洛谷P3857 [TJOI2008]彩灯（线性基）

    传送门 线性基裸题 直接把所有的状态都带进去建一个线性基 然后答案就是$2^{cnt}$($cnt$代表线性基里数的个数) //minamoto #include<cstdio> #inc ...

  9. 【渗透测试】如何使用burpsuite对特殊密码进行爆破

    爆破是渗透测试中必不可少的一部分,对于没有太大价值可利用的漏洞或是业务只有一个登陆页面时,爆破更是我们的最合适的选择.那么在爆破时,抛去目标系统对爆破频率的限制,如果遇到较为复杂的密码,该如何顺利进行 ...

  10. pytest入门学习(2)

    pytest的hello world pyt1.py def func(x): print (x+1); return x+1; def test_answer(): assert func(3) = ...