当前位置:首页 > Web开发 > 正文

0022 CSS书写规范

2024-03-31 Web开发

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

空格规范

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

示例:

.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书写规范

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32542.html