CSS3 测验题

通过对CSS3 教程系统地学习,相信你已全面掌握 CSS3 颜色与透明度知识点,为了巩固所学的内容,我们准备了一个小测验。

通过这个测验,您可以检验自己对 CSS3 的掌握程度,发现可能需要进一步巩固的地方。


  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

1. 哪个CSS3属性用于设置颜色的透明度?

  • transparency
  • opacity
  • alpha
  • color-opacity

2. 在CSS3中,RGBA中的A表示什么?

  • 亮度
  • 透明度
  • 饱和度
  • 对比度

3. 以下哪个颜色值是CSS3支持的HSL表示法?

  • hsl(120, 100%, 50%)
  • rgb(120, 100, 50)
  • #FF0000
  • color(red)

4. 哪个CSS3属性用于设置元素的背景颜色透明度?

  • background-opacity
  • opacity
  • background-alpha
  • background-color: rgba()

5. 在HSLA中,S的取值范围是多少?

  • 0 - 255
  • 0% - 100%
  • 0 - 1
  • 0 - 360

6. 以下哪个颜色值表示完全不透明?

  • rgba(255, 0, 0, 1)
  • rgba(255, 0, 0, 0)
  • rgba(255, 0, 0, 0.5)
  • rgba(255, 0, 0, 0.2)

7. 哪个CSS3函数可以用于调整颜色的亮度?

  • brightness()
  • lightness()
  • darken()
  • luminance()

8. 以下哪个是CSS3中合法的颜色名称?

  • darkblue
  • lightred
  • softgreen
  • rebeccapurple

9. 在CSS3中,哪个属性可以用于设置文本的透明度?

  • text-opacity
  • color: rgba()
  • font-alpha
  • transparency

10. 以下哪个颜色值表示完全透明?

  • rgba(0, 0, 0, 0)
  • rgba(0, 0, 0, 1)
  • rgba(0, 0, 0, 0.5)
  • rgba(0, 0, 0, 0.8)

11. 哪个CSS3属性可以用于创建渐变颜色?

  • color-gradient()
  • linear-gradient()
  • gradient-color()
  • smooth-gradient()

12. 在CSS3中,HSLA中的H表示什么?

  • 高度
  • 色调
  • 色相
  • 灰度