11、CSS 样式元素全解析

CSS 样式元素全解析

1. 颜色属性

颜色在网页设计中与排版同样重要，它能为页面增添信息，并设定页面的基调和氛围。颜色属性可以使用颜色值或 inherit 关键字来设置元素的前景色，这包括文本颜色、列表项目符号颜色以及元素边框颜色（前提是边框或边框颜色属性未另行设置）。

颜色值可以通过以下五种格式指定：
1. 颜色名称 ：这是最简单的方式，包含了基本蜡笔盒中的大多数颜色，如 red 、 orange 、 yellow 等。CSS2.1 规范定义了 17 种颜色，CSS3 规范将颜色名称扩展到了 140 种，与 X11 窗口标准中的颜色名称集合相匹配。例如：

p.crazy { color: chartreuse; }

为确保颜色在各种设备上正确显示，建议使用 17 种颜色名称中的颜色。
2. RGB 值 ：通过给出红、绿、蓝（RGB）三种组成颜色的三元组值来精确定义颜色。每个组成颜色用 0 到 255 之间的数字或 0% 到 100% 的百分比表示，代表该颜色的贡献程度。如果所有组成颜色的值相同，结果颜色将是灰度色。例如：

.nav li a { color: rgb(0,0,51); } /* 非常深的蓝色 */
address { color: rgb(255,255,255); } /* 白色