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

三位数的代码是一种速记 #123 #112233 . 在您给出的示例中,您(有效地)交换了 #FDFEFF 对于 #FFFFFF ,接近原色,但明显不准确。

#FFFFFF 和 white 和 #FFF ").

你在尺寸上省下的东西永远抵不上你在可维护性上失去的东西。使用缩小和压缩来节省带宽。

如果你想节省字节,那么你最好使用CSS缩小技术

• http://en.wikipedia.org/wiki/Minification_(programming)
• http://developer.yahoo.com/yui/compressor/
• http://www.minifycss.com/

如果您在InternetExplorer 7、8或9的表中使用此选项(很遗憾,此选项与此响应日期相关)

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_tables

六位代码工作正常,但三位代码呈现为黑色:

<table border="1" bgcolor="#ff0000">  vs.    <table border="1" bgcolor="#ff0">

我总是用速记法。最大的优点是我能很容易地记住代码。

你还有16个 ^三 =4096种颜色可供选择,应该足够了。

但是,如果您在速记颜色代码中保存300字节,则意味着您在CSS中声明了100种颜色。除非你的网页是非常多样化的,或所有彩虹和鲜花似乎很多。你可能擅长系统的CSS,但我经常看到不必要的CSS规则。

这是事实,但这种转变并不普遍:

#FFF == #FFFFFF
#CCC == #CCCCCC

所以它把每一个十六进制数字“加倍”。所以颜色不一样。然而,有可能它看起来是一样的,因为差别很小。在这种情况下,校准的颜色工作流程可能会有所帮助。

哇,整整300字节D、 为胜利而讽刺

• CSS 3 Digit Hex Colors
• CSS 6 Digit Hex Colors