CSS样式表命名规则有哪些

CSS样式表命名规则有哪些，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

成都创新互联公司服务项目包括开鲁网站建设、开鲁网站制作、开鲁网页制作以及开鲁网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，开鲁网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到开鲁省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

首先讲一下DIV+CSS样式表的id的常用命名规则如下表所示:

页头	header	登录条	loginBar	标志	logo
侧栏	sideBar	广告	Banner	导航	nav
子导航	subNav	菜单	menu	子菜单	subMenu
搜索	search	滚动	scroll	页面主体	main
内容	content	标签页	tab	文章列表	list
提示信息	msg	小技巧	tips	栏目标题	title
加入	joinus	指南	guild	服务	service
热点	hot	新闻	news	下载	download
注册	regsiter	状态	status	按钮	btn
投票	vote	合作伙伴	partner	友情链接	friendLink
页脚	footer	版权	copyRight

实际上上面的DIV+CSS样式表的id命名也会经常用大小写和_来区分，比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名，比如写一个红色字体的class,可以.f_red {}(f是font 字体的缩写)。总之原则是：大小写、_、缩写，大大增强代码的可读性。

再讲一下DIV+CSS样式表的class的常用命名规则如下表所示:

外　套	wrap	主导航	mainNav	子导航	subnav
页　脚	footer	整个页面	content	页　眉	header
商　标	label	标　题	title	主导航	mainNav
边导航	sidebar	左导航	leftsideBar	右导航	rightsideBar
旗　志	logo	标　语	banner	菜单内容	menu1Content
菜单容量	menuContainer	子菜单	submenu	边导航图标	sidebarIcon
注释	note	面包屑	breadCrumb	容器	container
内容	content	搜索	search	登陆	login
功能区	shop	当前的	current

看完上述内容，你们掌握CSS样式表命名规则有哪些的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

分享文章：CSS样式表命名规则有哪些
转载源于：http://6mz.cn/article/gpepop.html