【CSS】CSS书写规范

CSS书写规范

开始就形成良好的书写规范,是你专业化的开始。


空格规范

【强制】 选择器 与 { 之间必须包含空格。

示例: .selector { }

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

示例:

font-size: 12px;

选择器规范

【强制】 当一个 rule 包含多个 selector 时,每个选择器声明必须独占一?#23567;?/span>

示例:


image.png

【建议】 选择器的嵌套层级应不大于 3 级,位?#27599;?#21518;的限定条件应尽可能精确。

示例:

image.png

属性规范

【强制】 属性定义必须另起一?#23567;?/span>

示例:

image.png

【强制】 属性定义后必须以分号结尾。

示例:

image.png


分享到: