9、CSS 颜色、选择器及相关知识详解

CSS 颜色、选择器及相关知识详解

1. RGB 颜色

RGB 颜色也被称为发光或加色颜色。它通过不同强度的光组合来显示颜色，其中“发光”意味着使用不同强度的光来创建颜色，“加色”则表示颜色相互叠加以产生光谱中的各种颜色。许多计算机显示器能够显示多达 16,777,216 种颜色。

在 CSS 中，RGB 颜色使用特殊的三位数语法来指定，每个数字代表一个颜色通道，第一个数字是红色，第二个是绿色，第三个是蓝色。例如：

body {
    background-color: rgb(128, 128, 128);
}

上述代码会产生与 CSS 颜色关键字 gray 相同的颜色。当三个通道的数值相等时，会形成不同深浅的灰色，其中 0,0,0 表示黑色， 255,255,255 表示白色。

再看另一个例子：

body {
    background-color: rgb(135, 206, 235);
}

这段代码会产生与 CSS 颜色关键字 skyblue 相同的颜色，其中 135 对应红色通道， 206 对应绿色通道， 235 对应蓝色通道。

RGB 值也可以用百分比表示：