CSS颜色体系全面解析：147种关键字与应用详解

"本篇文章是对CSS颜色体系的全面介绍和学习小结，主要涵盖了色彩关键字的演变、CSS3新增的颜色选项、以及颜色在各种CSS属性中的应用。文章首先强调了色彩关键字的定义，指出它们是具体的颜色值，大小写不敏感，如`color:red`中的`red`。在CSS2时代，有17个基本颜色，而在CSS3扩展后，增加到了147种，部分列举了其中一部分。 文章提到，如果使用未知的关键字作为颜色值，CSS属性将失效，而非自动使用`currentColor`。`currentColor`会在后续内容中详细解释，它通常用于继承当前元素的颜色。CSS中可以设置颜色的属性包括文本颜色（`color`）、背景色（`background-color`）、边框颜色（`border-color`）、盒阴影或文字阴影（`box-shadow`和`text-shadow`），以及某些滤镜效果（如`filter:drop-shadow`）。 文章还特别提到了`<hr>`（水平线）的颜色可以通过设置其边框颜色来控制，`<img>`的`alt`文本和`ul`列表项的标记点会继承元素的`currentColor`。然而，对于表单控件如`<input type="radio">`和`<input type="checkbox">`，直接改变颜色的方法暂无明确说明，作者欢迎读者分享经验。 此外，`transparent`关键字用于表示完全透明，让元素的颜色看起来像是背景色。这篇文章为初学者和进阶者提供了丰富的CSS颜色体系基础知识，帮助理解和应用这些特性。"