如何在CSS中使用3位颜色代码而不是6位颜色代码?

前端之家收集整理的这篇文章主要介绍了如何在CSS中使用3位颜色代码而不是6位颜色代码?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我最近浏览了我的CSS文件,并将我所有的6位十六进制代码切换为简单的3位代码(例如,我的#FDFEFF缩写为#FFF)。它渲染的颜色几乎和以前一样,在我看来,在部分之间是相当无用的,删除它们在我的CSS文件中保存了整个300字节。

您使用的是哪个版本?我很少经常使用只使用3位数代码的网站(或者我猜我从来没有经历过那些)。使用3位数代码超过6位数代码仍然是完全有效的,还是我们应该使用完整的6位数代码

解决方法

3位代码是速记,#123与#112233相同。在你给的例子中,你已经(有效地)将#FDFEFF换成#FFFFFF,它接近原始颜色,但显然不准确。

它不是“重要”哪个版本,因此,因此,但3位数字颜色代码意味着你有一点少选择在阴影。如果你觉得保存300字节是值得的,然后继续使用3位数的代码,但除非你设计的低带宽情况,这300字节不会真的保存你这么多。

猜你在找的CSS相关文章