CSS3 测验题

通过对CSS3 教程系统地学习,相信你已全面掌握 CSS3 变量与自定义属性知识点,为了巩固所学的内容,我们准备了一个小测验。

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


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

1. 哪个CSS3属性用于定义变量?

  • var()
  • --var
  • @variable
  • custom-var

2. 如何引用一个CSS变量?

  • var()
  • --var
  • getVar()
  • @var

3. CSS变量的作用域是什么?

  • 全局
  • 局部
  • 固定
  • 继承

4. 哪个伪类可以用于定义CSS变量?

  • :var
  • :host
  • :root
  • :local

5. CSS变量的命名通常以什么开头?

  • @
  • --
  • $
  • var-

6. 哪个函数用于设置CSS变量的默认值?

  • var()
  • default()
  • fallback()
  • set()

7. CSS变量可以在哪个属性中使用?

  • 颜色属性
  • 尺寸属性
  • 布局属性
  • 所有属性

8. 如何定义一个全局CSS变量?

  • body
  • html
  • :root
  • global

9. CSS变量的值可以是?

  • 仅字符串
  • 任何有效的CSS值
  • 仅数字
  • 仅颜色值

10. 哪个浏览器最早支持CSS变量?

  • Firefox
  • Chrome
  • Safari
  • Edge

11. CSS变量的优势是什么?

  • 提高性能
  • 减少代码量
  • 易于维护和复用
  • 增强兼容性

12. 如何修改一个已定义的CSS变量?

  • 使用update()
  • 重新声明
  • 使用set()
  • 无法修改