我在教jr。高中/高中的网页编程课程,我们从简单的元素和属性开始,比如字体和颜色,然后转向CSS。我知道颜色已被弃用,而且HTML5中没有包含字体,但出于教学目的,我发现从简单的HTML标记开始,然后逐步扩展到CSS会更方便。在上课的第一周,学生们从能够改变页面上的颜色中获得了很大的乐趣。(我也在第一周教他们字幕和闪烁,但告诉他们,如果他们再次使用它们,他们将失去积分)。
其中一个学生开始提交作业,在颜色属性值中有一些奇怪的东西,比如“彩虹”或“蜘蛛侠”。我开始对此进行试验,发现您在字体标记上输入color="“属性的任何内容都会产生某种颜色。而且在IE、Firefox、Chrome、Opera和Safari的最新版本中,颜色似乎都是一致的。
我发现把"LuckyCharms“作为CSS颜色是行不通的。它似乎只在HTML属性中需要颜色的地方起作用,例如字体color="LuckyCharms“或正文bgcolor="LuckyCharms”。
我试图向我的班级解释为什么会发生这种情况,到目前为止,我还不能理解它,也不能用谷歌搜索一个好的答案。它似乎被解释为一种颜色代码,但我不明白是如何解释的。
更新:经过反复试验,我确定了一个5步算法(使用提供的链接),可以将几乎任何字符串转换为相应的十六进制颜色。我将在这里提供算法,以供将来的访问者参考:
就是这样,将子字符串放在一起,就得到了十六进制的颜色代码。我已经用大约20个不同的样本验证了这个算法,并使用Firefox ColorZilla附加组件颜色选择器对结果进行了比较。
请注意,在这种情况下,规则确实是在其中一个答案中指定的链接中明确说明的,所有浏览器都将遵守这些规则。因此,你可以指望它在任何浏览器中工作(如果你真的想使用有趣的颜色名称)。
发布于 2012-10-18 00:51:07
HTML5规范包括the rules for parsing legacy colours。
它们相当长,并被设计为允许浏览器在处理损坏代码的方式上保持一致。
发布于 2012-10-18 00:55:07
非常有趣。似乎浏览器将解释它能解释的任何字符(a-f),如果不能匹配,则将其余字符保留为0。例如:
Spiderman
00DE0 A
不过,仍然需要更多的实验。
发布于 2012-10-18 01:01:43
这是一个有趣的问题。
通过简单的实验,我发现"LuckyCharms“和"LuckBeALady”的颜色是一样的(至少对我来说是这样),但是"LuckBeALadyTonight“的颜色更深,而”LuckBeALadyTonight“的颜色更蓝。
顺便说一句,我的第一个想法是它是在可识别的十六进制字符上操作,但这会将"LuckyCharms“转换为cca,从而呈现为黑色。正如Madara Uchiba建议的那样,0和十六进制字符的组合未能呈现出与"LuckyCharms“相同的绿色。
尽管如此,还是没有答案。
https://stackoverflow.com/questions/12939234
复制相似问题