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

我最近浏览了我的CSS文件,并将所有6位hex代码切换为简单的3位代码(例如,我的#FDFEFF缩短为#FFF )。 它呈现出与以前几乎完全相同的颜色,在我看来,在两个部分之间是相当无用的,删除它们在我的CSS文件中保存了整个300字节。

使用哪个版本有关系吗? 我很less遇到只使用3位数字代码的网站(或者我想我从来没有碰到过这样的代码)。 使用3位密码,还是6位密码,还是我们应该使用完整的6位密码?

3位代码是简写, #123#112233相同。 在你给的例子中,你已经(有效地)将#FDFEFF了接近原始颜色,但显然不是确切的。

它不关心你使用的是哪一个版本,但是3位数的颜色代码意味着你的阴影select会less一点。 如果你觉得节省300字节是值得的,那就继续使用3位数的代码,但是除非你devise的是低带宽的情况,这300字节并不能真正为你节省很多。

速记吮! 不要使用它。 例如当search和replace颜色值(“哦,现在我必须考虑#FFFFFFwhite#FFF ”)时,维护和创build不必要的变化比较困难。

你所节省的大小永远不值得你在可维护性方面的损失。 使用小动作和压缩来节省带宽。

如果您在IE 7 8或9的表格中使用此function(遗憾的是截至此响应的date)

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

6位数字代码工作正常,但3位代码呈现为黑色

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

如果“3位”版本产生你需要的颜色,那么你可以尽可能多地使用它。 这当然没有错。

这是事实,但这种转变不是一般的:

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

所以它做的是“双打”每个hex数字。 所以它是不一样的颜色。 然而,它可能看起来是相同的,因为差异很小。 校准的色彩工作stream程可以帮助在这种情况下。

我总是使用速记。 最好的优点是我可以轻松记住这些代码。

你还有16 3 = 4096种颜色可供select,应该够了。

但是,如果您以简写颜色代码保存300个字节,则意味着您的CSS中有100个颜色被删除。 除非你的页面非常多样,否则所有的彩虹和花朵看起来都很多。 你可能擅长系统的CSS,但我经常看到不必要的CSS规则。 例如:如果您将许多子元素设置为相同的规则,而这些子元素可能已被replace为在祖父母上设置规则,而在一个例外元素中。

无论您使用速记还是普通的hex颜色,都没关系,所以如果您愿意的话,请继续进行转换。

删除它们在我的CSS文件中保存了整个300字节

哇,满300字节! :D,讽刺ftw

事情是,除非你要缩小,压缩和结合所有的CSS,JavaScript等300字节是勉强值得打扰,特别是随着平均互联网速度的增加。

玩的开心!