颜色控制

  • RGBA是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha的色彩空间。虽然它有的时候被描述为一个颜色空间
  • CSS3新增了RGBAHSLA模式,其中的A 表示透明度通道,即可以设置颜色值的透明度,相较opacity,它们不具有继承性,即不会影响子元素的透明度。
  • Red、Green、Blue、AlphaRGBA
  • Hue、Saturation、Lightness、AlphaHSLA
  • R、G、B 取值范围0~255
  • H 色调 取值范围0~3600/360表示红色、120表示绿色、240表示蓝色
  • S 饱和度 取值范围0%~100%
  • L 亮度 取值范围0%~100%
  • A 透明度 取值范围0~1

    透明度:

  • opacity只能针对整个盒子设置透明度,子盒子及内容会继承父盒子的透明度;
  • transparent 不可调节透明度,始终完全透明
  • RGBA、HSLA可应用于所有使用颜色的地方。
  • opacity 设置透明度,只能针对整个盒子设置透明度,子盒子会继承父盒子的透明度。
  • background-color: transparent; 完全透明,不可调节透明度.
  • 使用rgba 来控制颜色,相对opacity ,不具有继承性.
Last modification:May 22, 2018
If you think my article is useful to you, please feel free to appreciate