CSS规范

CSS文件命名规范

文件名	说明
reset.css	重置样式，重置元素默认样式
global.css	全局样式，全站公用，定义页面基础样式
theme.css	主体样式，用于实现换肤功能
module.css	模块样式，用于模块的样式
master.css	母版样式，用于母版页的样式
column.css	专栏样式，用于专栏的样式
form.css	表单样式，用于表单的样式
mend.css	补丁样式，用于维护、修改的样式
print.css	打印样式，用于打印的样式

id 与 class 命令

驼峰命名法    例：mainNav

中划线命名法   例：main-nav    推荐使用这种

下划线命名法  例：main_nav

1. 网页主体部分命名

网页部分	命名
最外层	wrapper
头部	header
内容	content/container
侧栏	sidebar
栏目	column
热点	hot
新闻	news
下载	download
标志	logo
导航条	nav
主体	main
左侧	main-left
右侧	main-right
底部	footer
友情链接	friendlink
加入我们	joinus
版权	copyright
服务	service
登录	login
注册	register

2. 网页细节部分命名

导航

网页部分	命名
主导航	main-nav
子导航	sub-nav
边导航	side-nav
左导航	leftside-nav
右导航	rightside-nav
顶导航	top-nav

菜单

网页部分	命名
菜单	menu
子菜单	submenu

其他

网页部分	命名
标题	title
摘要	summary
登录条	loginbar
搜索	search
标签页	tab
广告	banner
小技巧	tips
图标	icon
法律声明	siteinfolegal
网站地图	sitemap
工具条	tool、toolbar
首页	homepage
子页	subpage
合作伙伴	parter
帮助	help
指南	guild
滚动	scroll
提示信息	msg
投票	vote
相关文章	related
文章列表	list

CSS书写规范

CSS属性书写顺序

属性类别	举例
影响文档流属性（布局属性）	display、position、float、clear等
自身盒模型属性	width、height、padding、margin、border、overflow等
文本性属性	font、line-height、text-align、text-indent、vertical-align等
装饰性属性	color、background-color、opacity、cursor等
其他属性	content、list-style、quotes等

注释规范

1. 顶部注释

/*
 * @description: 说明
 * @author: 作者
 * @update: 更新时间
 */

2. 模块注释

/* 导航部分，开始 */

/* 导航部分，结束 */