CSS3 测验题

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

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


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

1. 哪个CSS3条件规则用于检查设备是否是横向显示?

  • @media (orientation: portrait)
  • @media (orientation: landscape)
  • @media (device: horizontal)
  • @media (screen: wide)

2. 以下哪个CSS3规则用于定义屏幕宽度小于600px时的样式?

  • @media (max-width: 600px)
  • @media (width < 600px)
  • @media (min-width: 600px)
  • @media (screen-width: 600px)

3. 哪个CSS3条件规则用于检查设备是否支持悬停功能?

  • @media (pointer: fine)
  • @media (touch: none)
  • @media (device: hover)
  • @media (hover: hover)

4. 以下哪个规则用于定义打印样式?

  • @media (print: true)
  • @media (output: printer)
  • @media print
  • @media (device: printer)

5. 哪个CSS3条件规则用于检查设备是否是高对比度模式?

  • @media (contrast: high)
  • @media (prefers-contrast: high)
  • @media (high-contrast: true)
  • @media (display: contrast)

6. 以下哪个规则用于定义屏幕最小宽度为768px时的样式?

  • @media (min-width: 768px)
  • @media (width >= 768px)
  • @media (screen-width: 768px)
  • @media (max-width: 768px)

7. 哪个CSS3条件规则用于检查用户是否偏好减少动画?

  • @media (animation: none)
  • @media (reduce-motion: true)
  • @media (motion: reduced)
  • @media (prefers-reduced-motion: reduce)

8. 以下哪个规则用于定义屏幕宽度在600px到900px之间的样式?

  • @media (width: 600px-900px)
  • @media (600px <= width <= 900px)
  • @media (min-width: 600px) and (max-width: 900px)
  • @media (screen-width: 600px-900px)

9. 哪个CSS3条件规则用于检查设备是否是深色模式?

  • @media (dark-mode: true)
  • @media (prefers-color-scheme: dark)
  • @media (color-scheme: dark)
  • @media (theme: dark)

10. 以下哪个规则用于定义屏幕分辨率高于300dpi时的样式?

  • @media (min-resolution: 300dpi)
  • @media (resolution > 300dpi)
  • @media (dpi: 300)
  • @media (high-resolution: true)

11. 哪个CSS3条件规则用于检查设备是否是触摸屏?

  • @media (touch: enabled)
  • @media (device: touchscreen)
  • @media (input: touch)
  • @media (pointer: coarse)

12. 以下哪个规则用于定义屏幕高度小于800px时的样式?

  • @media (height < 800px)
  • @media (screen-height: 800px)
  • @media (max-height: 800px)
  • @media (min-height: 800px)