# CSS 编码规范

本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。实际开发中可能涉及 CSS 的部分较少,因此本节只做一些基础要求。

  1. 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。

  2. 空格和换行部分规则随编辑器格式化配置,注意保持整个工程内的统一性

  3. 每行不得超过 120 个字符,除非单行不可分割。常见不可分割的场景为 URL 超长。

  4. 属性定义后必须以分号结尾。

  5. 尽量不使用 !important 声明。

  6. 在选择器、属性值等内容中的文本内容必须统一使用单引号/双引号包围。

html[lang|='zh'] q:before {
  font-family: 'Microsoft YaHei', sans-serif;
  content: '“';
}

html[lang|='zh'] q:after {
  font-family: 'Microsoft YaHei', sans-serif;
  content: '”';
}
1
2
3
4
5
6
7
8
9
  1. 需要在 Windows 平台显示的中文内容,其字号应不小于 12px。由于 Windows 的字体渲染机制,小于 12px 的文字显示效果极差、难以辨认。
Last Updated: 11/2/2020, 2:25:14 PM