你一定要知道的css属性值规范-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

1、如果值是0，通常都不用带单位

例如：

.list{
    border: 1px solid 0px;
    margin: 0px;
}

改成：

.list{
    border: 1px solid 0;
    margin: 0;
}

但是有个特例，就是和时间有关的时间单位都要带上秒s，如下两个都是不合法的：

1 2	`transition-duration:` `0;` `transition: transform` `0` `linear;`

2、色值用十六进制，少用rgb

如下：

1	`color:` `rgb(80,` `80,` `80);`

改成：

1	`color:` `#505050;`

因为使用rgb是一个函数，它还要计算一下转换。如果是带有透明度的再用rgba。

如果色值的六个数字一样，那么写3个就好：

1	`color:` `#ccc;`

3、注意border none和0的区别

如下两个意思一样：

1 2	`border:` `0;` `border-width:` `0;`

而下面这两个一样：

1 2	`border:` `none;` `border-style:` `none;`

所以用0和none都可以去掉边框。

虽然打包工具最后会帮我们处理，但保持一个良好的书写习惯还是很重要的。

推荐教程：css快速入门

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者