div+css样式表的id和class常用命名规则

要是就几行或几十行代码吧！就根据英文单词就行了。可是要是多了那就不好写了，有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧，自己写的都看不出 是什么 意思 ，别说再让程序员调用这些样式了。 div+ css样式表 的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上，但id只能是一个。所以就 开始 查一些相关的div+css样式表id和class的常用命名规则，请大家参考一下：

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

页头	header	登录条	lo gin Bar	标志	LOG o
侧栏	sideBar	广告	Banner	导航	nav
子导航	s ub Nav	菜单	menu	子菜单	subMenu
搜索	se Arch	滚动	scroll	页面 主体	m ai n
内容	content	标签页	tab	文章 列表	list
提示信息	msg	小技巧	tips	栏目标题	t IT le
加入	joinus	指南	guild	服务	service
热点	hot	新闻	news	下载	download
注册	regsiter	状态	stat us	按钮	BT n
投票	vote	合作伙伴	partner	友情链接	friendLink
页脚	footer	版权	copyRight	&nbs p;

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

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

@H_733_ 360 @

页　眉

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

　　当然像 div+css样式表 的id和class的命名远远不止这些,可能还会有更多的命名,你可以用一些通俗的易懂.容易理解的一些来命名,如果您有更好的 div+ css样式表 的id和class的命名规则的话,请留言，多多指教.

总结

以上是 为你收集整理的 div+css样式表的id和class常用命名规则 全部内容，希望文章能够帮你解决 div+css样式表的id和class常用命名规则 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于div+css样式表的id和class常用命名规则的详细内容...