下面是一个关于 CSS 的测验，帮助你巩固 CSS 基础知识以及一些应用技巧。通过这些问题，你可以评估自己对 CSS 的理解和应用水平。

---

CSS 测验

1. CSS 中，color 属性用于：

A) 设置文本的颜色
B) 设置背景颜色
C) 设置边框颜色
D) 设置字体颜色

2. 以下哪种方式可以设置元素的宽度？

A) width: 50px;
B) width: 50%;
C) width: 50em;
D) 以上所有选项

3. CSS 中，padding 属性用于：

A) 设置元素的内边距
B) 设置元素的外边距
C) 设置元素的边框宽度
D) 设置元素的字体大小

4. CSS 中，border 属性用于：

A) 设置元素的边框样式
B) 设置元素的背景色
C) 设置元素的字体大小
D) 设置元素的透明度

5. CSS 中，display 属性的默认值是：

A) block
B) inline
C) none
D) inline-block

6. CSS 中，position 属性的值之一是：

A) absolute
B) relative
C) fixed
D) 以上所有选项

7. CSS 中，如何设置文本为粗体？

A) font-weight: bold;
B) font-style: bold;
C) font-size: bold;
D) text-transform: bold;

8. CSS 中，margin 属性用于：

A) 设置元素的内边距
B) 设置元素的外边距
C) 设置元素的字体大小
D) 设置元素的边框颜色

9. CSS 中，background-color 属性用于：

A) 设置元素的背景颜色
B) 设置元素的边框颜色
C) 设置元素的背景图片
D) 设置元素的透明度

10. 以下哪个 CSS 选择器选择所有段落元素？

A) .p
B) #p
C) p
D) *

11. CSS 中，float 属性用于：

A) 让元素浮动
B) 设置元素的位置
C) 设置元素的宽度
D) 设置元素的背景图

12. CSS 中，z-index 属性用于：

A) 设置元素的透明度
B) 设置元素的堆叠顺序
C) 设置元素的字体大小
D) 设置元素的边框颜色

13. CSS 中，@media 查询用于：

A) 创建动画
B) 设置样式的优先级
C) 根据设备屏幕大小应用样式
D) 设置字体样式

14. CSS 中，如何将文本居中对齐？

A) text-align: center;
B) vertical-align: center;
C) align-text: center;
D) center: true;

15. CSS 中，em 单位通常用于：

A) 设置字体大小
B) 设置元素的宽度
C) 设置元素的边距
D) 设置元素的高度

---

答案：

1. A — color 属性用于设置文本的颜色。
2. D — 可以使用 width: 50px;、width: 50%;、width: 50em; 来设置元素的宽度。
3. A — padding 属性用于设置元素的内边距。
4. A — border 属性用于设置元素的边框样式。
5. B — display 属性的默认值是 inline。
6. D — position 属性的值包括 absolute、relative 和 fixed。
7. A — font-weight: bold; 用于将文本设置为粗体。
8. B — margin 属性用于设置元素的外边距。
9. A — background-color 属性用于设置元素的背景颜色。
10. C — p 选择器选择所有段落元素。
11. A — float 属性用于让元素浮动。
12. B — z-index 属性用于设置元素的堆叠顺序。
13. C — @media 查询用于根据设备屏幕大小应用不同的样式。
14. A — text-align: center; 用于将文本水平居中对齐。
15. A — em 单位通常用于设置字体大小。

---

反馈：

• 如果你答对了大部分问题，说明你对 CSS 的基本概念和应用已经掌握得很好！如果有些部分不清楚，可以继续深入学习 CSS 的各项属性和常见布局技巧。