省略

  • 不推荐省略 0 值单位,原因如下:

    1. CSS 规范中可以省略单位只有 [<length-percentage>](https://drafts.csswg.org/css-values-3/#typedef-length-percentage),其他比如角度单位 deg 在 Chrome 中可以省略,
      这是浏览器的 Bug。
      注:可以省略的单位包括:%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|q|in|pt|pc|px 以及 CSS Values 4 新增的:cap|ic|lh|rlh|vi|vb

    2. 大部分编辑中都可以通过快捷键快速加减数值,如果省略了单位就会失去这个便捷性。

  • 如无必要,省略 url 中的引号。

  • 省略 font-family 内中文字体名称的引号。
  • 不强制要求缩写属性,fontbackgroundmargin,推荐使用工具自动合并,比如 clean-csscssnano
  • 不强制要求缩写颜色中的16进制写法。
  • 不要省略选择器内最后一个声明末尾的分号。
    多人协作时,如果他人新增了其他代码很可能没有注意到上一行末尾没有写分号,导致 CSS 解析错误。

不推荐的写法:

  1. .selector {
  2. background: url("../foo.png");
  3. transform: rotate3d(1, 1, 1, 0);
  4. width: 100px
  5. }

推荐的写法:

  1. .selector {
  2. background: url(../foo.png);
  3. transform: rotate3d(1, 1, 1, 0deg);
  4. width: 100px;
  5. }