CSS命名格式
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样式命名整理
页面结构
容器: 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. 每一条规则的大括号 { 前后加空格 2. 多个selector共用一个样式集,则多个selector必须写成多行形式 3. 每一条规则结束的大括号 } 前 ...
- css命名那些事儿
根据目前彩票行业的公司进行css命名的层级解析,此次选择了网易彩票,QQ彩票,澳客彩票网,中国竞彩网,500.com,彩票365,新浪彩票,新浪爱彩,凤凰彩票,淘宝彩票的首页进行css命名的采集和分析 ...
- CSS书写格式
转自: https://segmentfault.com/a/1190000005046830 CSS书写格式 1.格式化代码 1.1文件 [建议]:CSS文件使用无BOM的UTF-8编码 1.2缩进 ...
- CSS命名规范参考及书写注意事项
CSS书写顺序 *{ /*显示属性*/ display position float clear cursor … /*盒模型*/ margin padding width height /*排版*/ ...
- (转)面向属性的CSS命名
原文链接:戳这里 自从开始做前端开发以来,我发现在开发页面的时候,总是有一个问题十分影响自己的开发效率,这个问题就是css的命名,主要是指css类选择器的命名.这个问题主要体现在:第一,有的内容你压根 ...
- 面向属性的CSS命名
自从开始做前端开发以来,我发现在开发页面的时候,总是有一个问题十分影响自己的开发效率,这个问题就是css的命名,主要是指css类选择器的命名.这个问题主要体现在:第一,有的内容你压根想不出用什么名字来 ...
- CSS命名规范
DIV+CSS规范命名大全集合 前端人员必看CSS命名规范 整理: 文件名必须由小写字母.数字.中划线组成 ).所有的命名最好都小写,一律采用小写加中划线的方式,不允许使用大写字母或 _2).属性的值 ...
- 精简高效的css命名准则
对于css,为了避免样式冲突,我们总会赋予相当特殊的命名,或是在选择符上添加html标记,或是使用层级.我们为避免在冲突上做文章,就会把代码的命名变得复杂化. 如果css的重用性越高,相比就越高效.如 ...
- html,css命名规范 (转)
HTML+CSS命名规范总结 1.HTML部分 1.1添加必须的utf-8的字符集,并且使用HTML5的简洁 方式: <meta charset="utf-8"> 1. ...
随机推荐
- CPU核数跟多线程的关系
一直以来有这样的疑惑,单核CPU适合多线程吗?是不是几个核的CPU开几个线程是最合适的? 今天就这一问题查了一些资料,现整理如下: 要说多线程就离不开进程,进程和线程的区别在这里就不详细说了,只将关键 ...
- 个人建了一个APPCAN移动前端开发交流QQ群258213194
QQ群号:258213194,欢迎有兴趣的同志加一下. 二维码如下:
- Javascript高级程序设计——函数声明与函数表达式的区别
在Javascript中,函数是Functioin类型的实例,所以函数也具备属性和方法,因为函数是对象,所以函数名自然就是指向对象的指针啦. 函数可以通过声明语法和表达式来定义: 声明:functio ...
- Asp.Net网页头部动态加载标题、描述、关键字、css和js文件的方法
首先head标签上添加runat="server". protected void Page_Load(object sender, EventArgs e) { Page.Tit ...
- oracle 彻底删除用户及表空间
1.删除表空间 可以先将其offline alter tablespace xxx offline; 将磁盘上的数据文件一同删除 drop tablespace xxx including conte ...
- oracle 行列转换的运用
问题: 员工表: A(E_ID,NAME,) 部门表: B(D_ID,D_NAME) 员工与部门关系:C(ID,E_ID,D_ID) SELECT A.E_ID,A.NAME ,B.D_NAME ...
- 转一篇简易易懂的android回调的实现--->(转的)
回调机制在 Android 监听用户界面操作中的体现 本文讨论以下两个内容: 1. 回调函数 2. 回调机制在 Android框架 监听用户界面操作中的作用 一 回调函数 回调函数就是一个通过函数 ...
- iOS开发——UI进阶篇(三)自定义不等高cell,如何拿到cell的行高,自动计算cell高度,(有配图,无配图)微博案例
一.纯代码自定义不等高cell 废话不多说,直接来看下面这个例子先来看下微博的最终效果 首先创建一个继承UITableViewController的控制器@interface ViewControll ...
- [Asp.net MVC]Asp.net MVC5系列——添加模型
目录 概述 添加模型 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列——添加视图 概述 在本节中我们将追加 ...
- C++公有派生
C++中的公有派生: 1.格式:Class A:public B{...}: 例如我们先声明了一个基类:SafeIntArray,当我们要声明它的派生类IndexIntArray时,格式如下: