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. dcos下rexray服务的配置

    在dcos环境下,rexray服务的默认配置文件为/opt/mesosphere/etc/rexray.conf,而其服务文件则是 /etc/systemd/system/dcos-rexray.se ...

  2. 4.js屏蔽浏览器鼠标右键菜单

    document.oncontextmenu = function(){return false;} 参考链接:js 屏蔽浏览器事件汇总

  3. SQL Server 盛宴系列 webcast

    数据库学习站点,示例,视频 http://technet.microsoft.com/zh-cn/dd722671.aspx

  4. C语言--递归问题

    1,一个经典的例子,理解递归过程的展开 #include<stdio.h> void func(int i){ ) func(i/); printf("%d",i) } ...

  5. $.ajax数据传输成功却执行失败的回调函数

    这个问题迷惑了我好几天,都快要放弃了,功夫不负有心人,最终成功解决,下面写一下我的解决方法. 我传的数据是json类型的,执行失败的回调函数是因为从后台传过来的数据不是严格的json类型,所以才会不执 ...

  6. 20个Flutter实例视频教程-第07节: 毛玻璃效果制作

    视频地址: https://www.bilibili.com/video/av39709290/?p=7 博客地址: https://jspang.com/post/flutterDemo.html# ...

  7. dataTables使用ajax请求显示数据

    dataTables是一种很好用前端表格显示库.当加载大量数据时,可以用Ajax 获取数据来提高效率,增速网页加载速率.下面以一个例子作示范. 首先,需要下载jQuery以及dataTables库.这 ...

  8. ubuntu上安装与卸载deb文件（转载）

    转自:http://blog.csdn.net/nkguohao/article/details/8951082 版权声明:本文为博主原创文章,未经博主允许不得转载. 通过deb包安装软件: sudo ...

  9. WeFlow 简单使用教程

    一.前言 WeFlow 是什么?一个高效.强大.跨平台的前端开发工作流工具.(官网定义),下载那些你们都知道,我就不一 一介绍了.下面我说一下简单使用: 二.使用教程 首先,我们使用 WeFlow 是 ...

  10. c# Marshal.PtrToStructure(StructPtr, typeof(T)); 特别注意

    以下异常:Marshal.PtrToStructure(StructPtr, typeof(T)); 原因:  在实际使用中 T 没有一个 parameterless  constructor 于是加 ...