css书写规范

Posted 2022-01-02 liangyuya

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;