第9章.md

传统 HTML 的部分属性可以直接支持 color

<font color="red">红色</font>

currentColor 可以省略

.test {
 color: red;
 border: 2px solid;
}

.test {
 color: red;
 border: 2px solid currentColor;
}

rgb 有数值 rgb、百分比 rgb 两种

rgb(255, 0, 51)
rgb(100%, 0%, 20%)
rgb(255, 0, 51.2) /* 无效！整数，不能小数 */
rgb(100%, 0, 20%) /* 无效！整数和百分比不能在一起使用 */

hsl 颜色，颜色加深只需下降 l 值

• h 表示 hue，是色调的意思，取值 0 ～ 360，大致按照数值红、橙、黄、绿、青、蓝、紫变化节奏
• s 表示 saturation（饱和度），用 0 ～ 100%表示，值越大饱和度越高，颜色饱和度越高
• l 表示 lightness（亮度），也用 0 ～ 100%表示，值越高颜色越亮，100%就是白色，50%则是正常亮度，0%就是黑色

系统颜色，略，应用价值低

background-image 在 display：none 上图片不会加载

background-position: right 40px bottom 20px; 表示距离右边缘 40 像素，距离底边缘 20 像素

background 百分比计算方式

positionX = (容器的宽度 - 图片的宽度) * percentX;
positionY = (容器的高度 - 图片的高度) * percentY;

background-attachment 支持 scroll 和 fixed 两个属性值，其中 scroll 是默认值，就是平常使用背景图的效果表现；fixed 表示背景相对于当前文档视区定位，也就是页面再怎么滚动背景图片位置依旧纹丝不动，稳若泰山。如同卷轴一样

background-attachment 为 local，背景当前元素滚动，外部不滚动