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命名推荐的更多相关文章

  1. css书写顺序和常用命名推荐

    写代码的时候有一个好的规范和顺序能够帮你节省很多时间.下文将推荐相关CSS书写顺序和规范的一些方法.这个文档将会整理进前端规范文档中,如果你有更好的意见,不妨留言告知我们. CSS书写顺序 该代码来自 ...

  2. 推荐一些CSS命名规范

    常用的CSS命名规则 头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体佈局宽度:wrapper左右中:left ...

  3. html,css命名规范 (转)

    HTML+CSS命名规范总结 1.HTML部分 1.1添加必须的utf-8的字符集,并且使用HTML5的简洁 方式: <meta charset="utf-8"> 1. ...

  4. css命名书写规范小结。

    单行形式书写风格的排版约束 1.   每一条规则的大括号 { 前后加空格 2.   多个selector共用一个样式集,则多个selector必须写成多行形式 3.   每一条规则结束的大括号 } 前 ...

  5. CSS 使用推荐

      中文字体css编码转换 微软雅黑 \5FAE\8F6F\96C5\9ED1 或 Microsoft YaHei 黑体 \9ED1\4F53 新宋体 \65b0\5b8b\4f53 宋体 \5b8b ...

  6. 豆瓣移动端风格的css命名方法与学习

    在CSS取名相对于刚入门来说是最头疼的事情,往往取一个可读性的名字相对以后的代码风格还是很重要的. 在配合团队方面一个好的类名可以帮助同事来理解,增加团队之间的效率有着很大的意义. 豆瓣的前段相对其他 ...

  7. CSS命名实践

    前面的话 每次写HTML结构涉及到CSS命名时,都要挣扎一番.关于CSS命名的规范,市面上有不少,如OOCSS.SMACSS.BEM和MVCSS等.在这里面最火的应该算BEM了.本文将详细介绍CSS命 ...

  8. div+css命名规范大全

    网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率, 我们开发DIV+CSS网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么 ...

  9. css命名管理混乱?不妨试试BEM

    css的缺陷 我们知道,css使用中一个比较令人烦恼的问题,就是css没有作用域可言,我们写了一个组件或者模块之后,往往希望它们可以四处复用,但是由于css没有作用域,我们给样式命名的时候都会非常小心 ...

随机推荐

  1. JZOJ 4725. 质数序列

    Description 由于去NOI的火车“堵”了数不清时间,小Z和小D打完ETG,闲着无聊开始看今年的JSOI省选题,并尝试着修改题目:对于一个长度为L ≥ 2的序列,X:x1,x2,...,xL ...

  2. JZOJ 5776. 【NOIP2008模拟】小x游世界树

    5776. [NOIP2008模拟]小x游世界树 (File IO): input:yggdrasil.in output:yggdrasil.out Time Limits: 1500 ms  Me ...

  3. JZOJ 4269. 【NOIP2015模拟10.27】挑竹签

    4269. [NOIP2015模拟10.27]挑竹签 (File IO): input:mikado.in output:mikado.out Time Limits: 1000 ms  Memory ...

  4. I Like for You to Be Still【我会一直喜欢你】

    I Like for You to Be Still I like for you to be still 我会一直喜欢这你 It is as though you are absent 就算你并不在 ...

  5. python-01 spider原理

    用Python可以做什么?可以做日常任务,比如自动备份你的MP3:可以做网站,很多著名的网站包括YouTube就是Python写的:可以做网络游戏的后台,很多在线游戏的后台都是Python开发的.总之 ...

  6. 线段树[To be continued]

    目录 数据结构--线段树 一.定义 二.性质 三.基本操作 0.结构体 1.建树 2.单点查询 3.单点修改 4.区间修改 5.区间查询 四.题目 单点修改.区域查询模板 五.鸣谢 学姐的Blog 百 ...

  7. mysql练习题练习

    1.数据库是按照原文制作的,表格结构一样具体存储的数据有些差异 原文地址:MySQL练习题 原答案地址:MySQL练习题参考答案 2.查询“生物”课程比“物理”课程成绩高的所有学生的学号: selec ...

  8. SQL调优--记一次表统计信息未及时更新导致查询超级慢

                某日同事丢给我一个看上去复杂的查询(实际就涉及两张表,套来套去)说只是换了日期条件,但一个查询5秒出数据,一个根本查不出来.现在整理下解决过程,及涉及的知识点. 若有不正之处, ...

  9. OpenStack之虚机热迁移代码解析

    OpenStack之虚机热迁移代码解析 话说虚机迁移分为冷迁移以及热迁移,所谓热迁移用度娘的话说即是:热迁移(Live Migration,又叫动态迁移.实时迁移),即虚机保存/恢复(Save/Res ...

  10. pc和移动端获取滚动条的位置

    移动端获取滚动条:document.body.scrollTop pc端获取滚动条:document.documentElement.scrollTop