CSS 层叠样式表命名参考表

前端  /  管理员 发布于 7年前   240

命名参考

 

页面结构类

描述	下划线命名	骆驼式命名	参考命名
面板	dashboard
容器	container	container
页头	header	header
内容	content	content	container
外围控制	wrapper	wrapper	wrap
页面主体	main	main
栏目	column	column
- 宽栏目	wide_column	wideColumn
- 窄栏目	narrow_column	narrowColumn
栏	bar
侧边栏	sidebar	sidebar
网站地图	sitemap
页尾	footer	footer

导航类

描述	下划线命名	骆驼式命名	参考命名
主导航	nav_main	navMain
- 子导航	nav_child	navChild
- 三级导航	nav_third	navThird
导航	nav	nav
- 顶导航	nav_top	navTop
- 左导航	nav_left	navLeft
- 右导航	nav_right	navRight
菜单	menu	menu
- 子菜单	menu_child	menuChild
- 下拉菜单	menu_drop	menuDrop
位置导航	crumb	crumb
面包屑	breadcrumb	breadcrumb	参考
	location-based
	attribute-based
	path-based

表单

描述	下划线命名	骆驼式命名	参考命名
邮件	mail
用户名	username
密码	passwd
重复密码	passwd_again
保存信息	cookie
性别	sex
地点	local
下拉	drop
验证码	verification
按钮	btn
必填项	requisite
状态	status

功能模块

描述	下划线命名	骆驼式命名	参考命名
登录	login
注册	regsiter
搜索	search
标签页	tab
工具条	toolbar
标签页	tab
日历	calendar
分类	category		categories
归档	archive		archives
回复	comment		comments
标签	tag		tags
投票	vote
合作伙伴	partner
友情链接	friendlink
新闻	news
下载	download
指南	guild
帮助	help
常见问题	faq
服务	service
		selection

内容

描述	下划线命名	骆驼式命名	参考命名
注释	note
条目	entry
摘要	summary
缩略图	screenshot
提示信息	msg
小技巧	tips
正方形的	Square
极小的	Thumbnail
小的	Small
中等的	Medium
大的	Large
原始的	Original

动作

描述	下划线命名	骆驼式命名	参考命名
滚动	scroll
箭头	arrow
首页	first
上一页	prev		previous
下一页	next
末页	last
更早的	older
更新的	newer

状态

描述	下划线命名	骆驼式命名	参考命名
列表	list
-热点	hot
-更新	new
前十列表	topten_list
相关列表	related_list
更新列表	update_list