11、CSS 样式属性全解析

CSS 样式属性全解析

1. 颜色属性

颜色在网页设计中扮演着重要角色，它不仅能为页面增添信息，还能设定页面的基调和氛围。 color 属性可用于设置元素的前景色，包括文本颜色、列表项目符号颜色以及元素边框颜色（前提是边框颜色未通过 border 或 border - color 属性单独设置）。

1.1 颜色值的指定格式

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

p.crazy { color: chartreuse; }

一般建议使用 17 种颜色名称集中的颜色，以确保在各种设备上正确显示。
- RGB 值 ：通过红（R）、绿（G）、蓝（B）三个分量的值来精确定义颜色，每个分量的值范围是 0 到 255。示例：

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