小编典典

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

css

我最近浏览了CSS文件,并将所有6位十六进制代码都切换为简单的3位代码(例如,我#FDFEFF缩写为#FFF)。它呈现的颜色几乎与以前完全相同,在我看来,各部分之间的用处不大,将它们删除可以节省我CSS文件中的整个300个字节。

使用哪个版本有关系吗?我很少碰到只使用3位数代码的网站(或者我猜我从来没有碰过使用3码代码的网站)。使用3位代码而不是6位代码还是完全有效,还是我们应该使用完整的6位代码?


阅读 467

收藏
2020-05-16

共1个答案

小编典典

3位数的代码是简写形式,#123与相同#112233。在您提供的示例中,您(有效地)交换#FDFEFF#FFFFFF,它接近原始颜色,但显然不准确。

这样,它并不会“强制”使用哪个版本,但是3位数字的颜色代码意味着您在阴影方面的选择要少一些。如果您认为节省300字节是值得的,那么请继续使用3位代码,但是除非您针对低带宽情况进行设计,否则这300字节并不会真正为您节省那么多钱。

2020-05-16