省略
不推荐省略 0 值单位,原因如下:
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
大部分编辑中都可以通过快捷键快速加减数值,如果省略了单位就会失去这个便捷性。
如无必要,省略 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;
}