2021-10-25 css中零值0后面是否要省略单位

原理

1. 在css中如果值为0，可以省略单位。
2. 在css应用场景中，有可能是多端多人维护。即可能维护的人有A及B及C…，应用场景中有电脑端及手机端及小程序及打印机之类的。

结论

个人认为不要省略单位，不要留下后续维护的坑。多端多设备时，最好当时就想好用什么单位更合适，如果想不到，用rem或px也行，反正实际表现是一样的，后续别人维护，自然会去改单位。

说明

1. 从程序员的角度来看css单位中， 0 == null == none == false == 不写值 ，这意味着如果指定为0代表没有或无。以边框举例，如果指定边框宽度为0代表没有边框；但如果指定一个边框宽度为0px，那么将创建一个0px的边框。两者表现一致，但含义不一致，但一般默认的css样式就是无，之所以要特意改为零值，往往是因为引入的第三方代码或全局代码中，设置了一个不为零值的css样式。有单位时更容易让人理解为当前需求要求为无边框但用了0px来实现该效果，后续还有可能要动这个边框。
2. 谷歌浏览器调试中，如果有单位，可以用向上键及向下键细调高度。如果是0，那么就不能直接细调了。
3. 当前css样式的人大概是你自己，并且此时你大概知道后续的需求或改进的大概的单位数量级。所以你写了单位，别人后续可以直接在你当前的单位上细调，而不用再去想该用什么单位。也就是说，在你写自己负责的代码时，往往没人比你更懂对应的业务，更利于维护。并且，后面如果你忘记了，也更容易想起。
4. 省略单位更容易出错，因为以后的更改可能会意外地忽略该单位。
5. 省略单位不太符合文档中其他地方的非零元素，因为可省的一般只限于长度，时间、角度等等有可能就不可以省略。不省略单位，更容易让人知道要改动的值。同时代码更规范，别人不用特意去记长度的零值可以省略单位这一个小知识细节。

来源

1. CSS 单位;
2. css长度单位讲解 (超详细);
3. 当在CSS中指定0值时，应该明确标记单位还是省略？;
4. 遇到 0px 需不需要写单位 px ？;
5. 解决CSS3transition-delay属性默认值0不带单位失效的问题;
6. 不要省略CSS中零值的单位！;