css通用命名

• 页面框架命名，一般具有唯一性，推荐用ID命名

  ID名称	命名	ID名称	命名
  头部	header	主体	main
  脚部	footer	容器	wrapper
  侧栏	side_bar	栏目	column
  布局	layout

• 模块结构命名

  CLASS名称	命名	CLASS名称	命名
  模块(如：新闻模块)	mod (mod_news)	标题栏	title
  内容	content	次级内容	sub_content

• 导航结构命名

  CLASS名称	命名	CLASS名称	命名
  导航	nav	主导航	main_nav
  子导航	sub_nav	顶部导航	top_nav
  菜单	menu	子菜单	sub_menu

• 一般元素命名

  CLASS名称	命名	CLASS名称	命名
  二级	sub	面包屑	breadcrumb
  标志	logo	广告	banner
  登陆	login	注册	regsiter/reg
  搜索	search	加入	join
  状态	status	按钮	btn
  滚动	scroll	标签页	tab
  文章列表	list	短消息	msg/message
  当前的	current	提示小技巧	tips
  图标	icon	注释	note
  指南	guide	服务	service
  热点	hot	新闻	news
  下载	download	投票	vote
  合作伙伴	partner	友情链接	link
  版权	copyright	演示	demo
  下拉框	select	摘要	summary
  翻页	pages	主题风格	themes
  设置	set	成功	suc
  按钮	btn	文本	txt
  颜色	color/c	背景	bg
  边框	border/bor	居中	center
  上	top/t	下	bottom/b
  左	left/l	右	right/r
  添加	add	删除	del
  间隔	sp	段落	p
  弹出层	pop	公共	global/gb
  操作	op	密码	pwd
  透明	tran	信息	info
  重点	hit	预览	pvw
  单行输入框	input	首页	index
  日志	blog	相册	photo
  留言板	guestbook	用户	user
  确认	confirm	取消	cancel
  报错	error	轮播（走马灯）	carousel
  插件（项目外和js.css等平级的文件夹）	plugIn	工具	tool

• 样式文件命名

  样式文件功能	命名	样式文件功能	命名
  主要的样式	master.css	模块	module.css
  基本共用	base.css	布局，版面	layout.css
  主题	themes.css	专栏	columns.css
  文字	font.css	表单	forms.css