CSS3 条件规则测验
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)