0022 CSS书写规范

2021-05-02 23:28

阅读:314

标签:定义   良好的   login   sele   允许   add   12px   位置   包含   

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

空格规范

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

示例:

.selector {
}

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

示例:

font-size: 12px;

选择器规范

【强制】 并集选择器,每个选择器声明必须独占一行。

示例:

/* good */
.post,
.page,
.comment {
    line-height: 1.5;
}


/* bad */
.post, .page, .comment {
    line-height: 1.5;
}

【建议】 一般情况情况下,选择器的嵌套层级应不大于 3 级,位置靠后的限定条件应尽可能精确。

示例:

/* good */
#username input {}
.comment .avatar {}

/* bad */
.page .header .login  input {}
.comment div * {}

属性规范

【强制】 属性定义必须另起一行。

示例:

/* good */
.selector {
    margin: 0;
    padding: 0;
}

/* bad */
.selector { margin: 0; padding: 0; }

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

示例:

/* good */
.selector {
    margin: 0;
}

/* bad */
.selector {
    margin: 0
}

0022 CSS书写规范

标签:定义   良好的   login   sele   允许   add   12px   位置   包含   

原文地址:https://www.cnblogs.com/jianjie/p/12125768.html


评论


亲,登录后才可以留言!