参考资料

1. CSS有哪些预处理器？
2. Flex布局如何优化页面加载速度？
3. 如何添加按钮的过渡动画效果？
4. 子选择器详细说明以及案例
5. Vanta.js 如何与 CSS 过渡结合？
6. CSS格式化/压缩有哪些
7. flex-direction: row/column
8. * 通配符选择器详细说明以及案例

颜色属性详细说明以及案例

颜色属性主要分为色相、饱和度和明度三个方面：

1. 色相（Hue）
   色相是颜色的基本属性，指颜色的种类，如红、黄、蓝等。色相由光的波长决定。
   案例：红色的色相值为0°，绿色的色相值为120°，蓝色的色相值为240°。

2. 饱和度（Saturation）
   饱和度指颜色的纯度或鲜艳程度。饱和度越高，颜色越鲜艳；饱和度越低，颜色越接近灰色。
   案例：深红色的饱和度为100%，粉红色的饱和度较低，约为40%-60%。

3. 明度（Brightness/Lightness）
   明度指颜色的亮度。明度越高，颜色越接近白色；明度越低，颜色越接近黑色。
   案例：浅黄色的明度较高，深褐色的明度较低。

综合案例：

• 色相：蓝色（240°）

• 饱和度：鲜艳的蓝色（100%）

• 明度：明亮的蓝色（高明度）