gpt4 book ai didi

html - 为什么字体颜色属性中的奇怪东西会产生真实的颜色?

转载 作者:技术小花猫 更新时间:2023-10-29 11:34:02 25 4
gpt4 key购买 nike

<分区>

我在教一个小学生。高中网络编程课,我们从简单的元素和属性开始,比如字体和颜色,然后再学习 CSS。我知道 HTML5 中不推荐使用颜色并且不包含字体,但出于教学目的,我发现从简单的 HTML 标签开始并逐步使用 CSS 很方便。在类的第一周,学生们从能够改变页面上的颜色中获得了很多快乐。 (我也在第 1 周教他们选框和眨眼,但告诉他们如果他们再次使用它们,他们将被扣分)。

其中一名学生开始提交颜色属性值中包含奇怪内容的作业,例如“彩虹糖”或“蜘蛛侠”。我开始对此进行试验,发现几乎所有你放入字体标签的 color=""属性中的东西都会产生某种颜色。看起来颜色在最新版本的 IE、Firefox、Chrome、Opera 和 Safari 中是一致的。

我发现将“LuckyCharms”作为 CSS 颜色放入是行不通的。它似乎只适用于 HTML 属性中需要颜色的地方,例如 font color="LuckyCharms"或 body bgcolor="LuckyCharms"。

我正试图向我的类(class)解释为什么会发生这种情况,但到目前为止我还无法理解它,也无法通过 Google 找到一个好的答案。它似乎被解释为颜色代码,但我不明白是如何解释的。

更新: 经过反复试验,我确定了一个 5 步算法(使用提供的链接)将几乎所有字符串转换为相应的十六进制颜色.我会在这里提供算法,以供以后访问者的启迪:

  1. 将每个非十六进制字符更改为 0。
  2. 向字符串中添加 0,直到它的长度是 3 的倍数。
  3. 将字符串分成 3 等份。
  4. 当子字符串的长度大于 2,并且所有三个子字符串都以 0 开头时,从每个字符串中删除前导 0。
  5. 如果子串的长度仍然大于2,则将每个子串截断为2个字符。

就是这样,将子字符串放在一起,您就得到了十六进制颜色代码。我已经用大约 20 个不同的样本验证了这个算法,并使用 Firefox ColorZilla 附加颜色选择器比较了结果。

请注意,在这种情况下,规则确实在其中一个答案中指定的链接中明确说明,所有浏览器都将遵守这些规则。因此,您可以依靠它在任何浏览器中工作(如果您真的想使用有趣的颜色名称)。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com