css书写规范

css书写规范

空格规范

【强制】选择器与花括号之间必须有空格

示例：.selecter {  }

【强制】属性名与之后的 : 之间不允许包含空格，： 与属性值之间必须包含空格

示例：font-size：px； 

选择器规范

【强制】当一个rule包含多个selecter时，每个选择器必须独占一行

正确示范：
.post,
.page,
.comtent {
    line-height: 1.5em;
}
错误示范：
.post,.page,.comtent {
    line-height: .5em;
}

【建议】选择器的嵌套层级不大于3级，位置靠后的限定条件应该尽可能精确

属性规范

【强制】属性定义必须另起一行;属性定义后必须以分号结束。

.selecter {
	margin: 0;
	padding: 0;
}