• 省略

    省略

    • 不推荐省略 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-css、cssnano。
    • 不强制要求缩写颜色中的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. }