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

• 功能

功能	class	功能	class
标志：	logo	登陆：	login
注册：	regsiter	产品：	products
产品评论：	productsReview	编辑评论：	editor-review
广告/标语：	banner	摘要:	summary
缩略图：	screenshot	常见问题：	faqs
博客：	blog	论坛：	forum
搜索输出：	search-output	搜索结果：	search-results
状态：	status	按钮：	btn
标签页：	tab	文章列表：	list
当前的:	current	小技巧：	tips
充值：	pay	活动：	activities
公告：	announcement	排行：	ranking
公司设备：	equipment	公司荣誉：	glories
企业规模：	scaleScale	营销网络：	salesNetwork
技术力量：	technology	分支机构：	branches
公司实力：	strengthStrength	经营理念：	operationPrinciple
发展历程：	developmentHistory	工程案例：	EngineeringProjects
客户留言：	customerMessage	客户服务：	customerService
销售信息：	salesInformation	招商：	EnterpriseEstablishing
在线交流：	onlineCommunication	质量认证：	qualityCertification
产品描述：	productsDescription	业务范围：	businessScope
联系我们：	contactUs	信息发布：	Information
产品定购：	order	电子商务：	E-business
友情连结：	hot Link	行业新闻：	tradeNews
邮编：	postalCodeZipcode	新闻动态：	newsTrends
销售热线：	salesHot_Line	联系人：	contactPerson
证书：	certificate	地址：	ADD/Add
传真：	FAX/Fax	产品名称：	productName
价格：	price	品牌：	brand
尺寸：	size	生产厂家：	manufacuturer
产品标号：	Item No	技术指标：	techniqueData
产地：	productionPlace	用途：	application
在线订购：	on_lineOrder	招标：	bidInviting
业绩：	achievements	大事：	greatEvent
服务：	service	投资：	Investment
规划：	programming	环境：	environment
提交：	submit	重写：	reset
业务：	business	在线调查：	onlineInquiry
意见反馈：	feedback	常见问题：	FAQ
游乐园：	amusementPark	专题报道：	specialReport
注释：	note	指南：	guild
热点：	hot	新闻：	news
投票：	vote	商　标：	label/branding
购物车：	shop	标签：	tag
网站信息：	siteinfo	法律声明：	siteinfo-legal
友情链接：	friendlink	版权：	copyright