省略

优质

小牛编辑

131浏览

2023-12-01

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

不推荐的写法：

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

推荐的写法：

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