css命名规范—CSS样式命名整理

CSS样式命名整理

新万博manbetx官网 1

 

页面结构#

容器:container/wrap
一体化上涨幅度:wrapper
页头:header
内容:content
页尾:footer
导航:nav
侧栏:sidebar
栏目:column

新万博manbetx官网 2

新万博manbetx官网 3

新万博manbetx官网 4

页面结构

容器:
container/wrap
全部小幅度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column中等内容:center

导航#

导航:nav
导航:mainbar/globalnav
子导航:subnav
顶导航:topnav
左导航:leftnav
右导航:rightnav
边导航空图标:sidebarIcon
菜单:menu

导航

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

功能#

标志:logo
登录:login
登录条:loginbar
注册:register
产品价格:productPrices
出品评价:productsReview
编写制定评论:editor-review
摩登产品:news-release
广告、标语:banner
摘要:summary
生产商:publisher
缩略图:screenshot
常见难点:fags
关键词:keyword
博客:blog
论坛:forum
搜索:search
搜索输入框:search-input
追寻输出:search-output
招来结果:search-results
投入大家:joinus
新万博manbetx官网,状态:status
按钮:btn
滚动:scroll
便签页:tab
小说列表:list
提醒音信:msg/message
当前的:current
小技巧:tips
皮肤:skin
充值:pay
活动:acrivities
推广:promotion
公告:announcement
排行:ranking
公司简介:companyProfile
供销合作社设备:equipment
商厦荣誉:glories
商家文化:culture
公司规模:scale
经营销售网路:scaleNetwork
公司机构:organization
技术力量:technology
分支机构:branches
公司资质:enterpriseQualification
集团实力:strengthStrength
经纪理念:operationPrinciple
老董致辞:mamager-oration
升高进程:developmentHistory
工程案例:EngineeringProjects
分拣浏览:browseByCategory
应用领域:applicationFields
人力能源:humanResource/Hr
管理者致辞:leaderOration
客户留言:customerMessage
客户服务:customerService
您的渴求:youRequierments
销售音信:salesInformation
招商:EnterpriseEstablishing
有教无类作育:EducationTraining
在线调换:onlineCommunication
品质申明:qualityCertification
合营参预:joinInCooperation
产品描述:productsDescription
业务范围:businessScope
产品销售:salesSales
关联大家:contactUs
电子商务:E-business
出品订购:order
归来首页:homepage
音讯透露:Information
版权全数:copyRight
友情链接:hotLink
行业消息:tradeNews
行业动态:trends
邮编:postalCodeZipcode
新闻动态:newsTrends
商厦名称:companyName
销售热线:salesHotLine
联系人:contactPerson
建设中:InConstruction
证书:certificate
地址:ADD/Address
产品认证:description
产品名称:productName
传真:FAX/fax
电话:tel
品牌:brand
规格:specification
尺寸:size
生产厂家:manufacturer
产地:productionPlace
技术指标:techniqueData
出品标注:Item No
型号:model
用途:application
论坛:Forum
在线预约:onlineOrder
招标:bidInviting
综述:general
服务:service
大事:greatEvent
发送:delivery
提交:submit
重写:reset
社区:community
意见反馈:feedback
下载中心:download
在线调查:onlineInquiry
业务:bisiness
游乐园:amusementPark
转晚广播发表:specialReport
图标:icon
注释:note
指南:guild
热点:hot
下载:download
投票:vote
标签:tag
购物车:shop
现阶段义务:breadcrumb/loc
商标:label/branding
信誉:siteinfo-credits
网站新闻:siteinfo
版权:copyright
友情链接:friendlink
合作伙伴:partner
法规注解:siteinfo-legal
论坛:forum
业绩:achievements
环境:environment
规划:programming
行业:Industry
投资:Investment
发送:delivery

功能

标志: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人力能源:humanResourceHrCEO致辞:
leader_oration
客户留言:customerMessage客户服务:customerService你的供给:yourRequirements销售消息:salesInformation招商:EnterpriseEstablishing春风化雨培育:艾德ucationTraining在线交换: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

来源: