当前位置: 首页 > 面试题库 >

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

谷梁英毅
2023-03-14
问题内容

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

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


问题答案:

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

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



 类似资料:
  • 本文向大家介绍highcharts 色彩,包括了highcharts 色彩的使用技巧和注意事项,需要的朋友参考一下 示例 在Highcharts中,有一个数组,其中包含图表系列的默认颜色。使用所有颜色后,将从头开始再次拉新颜色。 版本4.x和5.x的默认颜色是: 在Highcharts 3.x中,默认颜色为: ] 在Highcharts 2.x中,默认颜色为:            

  • Element 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。 主色 Element 主要品牌颜色是鲜艳、友好的蓝色。 Brand Color #409EFF 辅助色 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。 Success #67C23A Warning #E6A23C Danger #F56C6C Info #90

  • 色彩定义 从物体反射到人的眼睛所引起的一种视觉心理感受。色彩按字面含义上理解可分为色和彩,所谓色是指人对进入眼睛的光并传至大脑时所产生的感觉;彩则指多色的意思,是人对光变化的理解。 命名 颜色遵循统一命名规则,即 类型_色相_色值_(不透明度) 例:color_black_#999999_50 使用限制 如需新增颜色,请按流程提报 不可更改色相,只可更改opacity,建议≤2种 适用范围 遵循各

  • uView经过大量调试和研究,得出一套专有的调色板,在各个组件内部,使用统一的配色,为您的产品带来统一又鲜明的视觉效果。 注意 uView为了更好编写css,使用了scss预处理器,使用uView之前,请确认您的Hbuilder X已经安装了scss预处理器,一般情况下,相信您已经安装了。如果没有安装, 请在 Hbuilder X->工具->插件安装 中找到找到"scss/sass编译"安装即可,

  • Element Plus 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。 主色 Element Plus 主要品牌颜色是鲜艳、友好的蓝色。 Brand Color #409EFF 辅助色 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。 Success #67C23A Warning #E6A23C Danger #F56C6

  • Element 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。 主色 Element 主要品牌颜色是鲜艳、友好的蓝色。 Light Blue #58B7FF Blue #20A0FF Dark Blue #1D8CE0 辅助色 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。 Blue #20A0FF Success #13C