Question

• CSS 颜色属性复习
  • color name 颜色英文名称命名
  • HEX 方式 十六进制方式
  • rgb 方式 三原色配色方式
• CSS3 新增颜色属性
  • rgba()

名称	颜色	颜色	取值
r	red	红色	0-255
g	green	绿色	0-255
b	blue	蓝色	0-255
a	alpha	透明	0-1

• HSL 模式 HSLA 模式
  • H ： Hue (色调)。
    • 0(或 360) 表示红色，120 表示绿色，240 表示蓝色，也可取其他数值来指定颜色。取值为： 0 - 360
  • S ： Saturation (饱和度)。取值为：0.0% - 100.0%
  • L ： Lightness (亮度)。取值为：0.0% - 100.0%
  • A : alpha 透明度 0~1 之间
  • 语法: HSLA(H,S,L,A)
• HSL 色轮

• 透明颜色： transparent
  • 实例： border 实现三角箭头、风车等
• 透明度：
  • opacity
  • 取值： 0-1 之间
  • 注：低版本的 IE 浏览器不兼容，需用 IE 浏览器的滤镜实现相同效果， filter:alpha(opacity=50)
  • 对于低版本的火狐浏览器需添加内核前缀， -moz-opacity