CSS 知识综合测试题（总分 100 分）
一、单选题（共 8 题，每题 5 分，共 40 分）
1. 以下哪个CSS选择器用于选择页面中所有的<p>元素？（ C）
A. #p B. .p C. p D. *p
2. CSS中设置元素文本颜色的属性是？（ B）
A. text-color B. color C. font-color D. background-color
3. 要使元素向左浮动，应使用的CSS属性值是？（ A）
A. float: left; B. float: right; C. float: center; D. float: top;
4. 以下哪种方式是CSS的行内样式写法？（B ）
A. <style>p{color:red;}</style>
B. <p style="color:red;">文本</p>
C. 引入外部.css文件
D. @import url(style.css);
5. CSS中设置字体大小的属性是？（ B）
A. font-weight B. font-size C. text-size D. font-style
6. 以下哪个属性用于设置元素的外边距？（ B）
A. padding B. margin C. border D. spacing
7. CSS3中用于设置圆角边框的属性是？（ A）
A. border-radius B. border-circle C. round-border D. circle-border
8. 以下哪个选择器用于选择class为"box"的元素？（ B）
A. #box B. .box C. box D. *box
二、判断题（共 4 题，每题 5 分，共 20 分）
9. CSS的全称是Cascading Style Sheets（层叠样式表）。（正确 ）
10. position: fixed; 定位的元素会相对于浏览器窗口进行定位，滚动页面时位置不变。（正确 ）
11. border: 1px solid #000; 是复合属性写法，等价于分别设置边框宽度、样式、颜色。（正确 ）
12. @media 查询是CSS3实现响应式布局的核心语法。（正确 ）
三、操作题（共 2 题，每题 20 分，共 40 分）
13. 操作题一 （20分）
需求：
1. 创建class为card的div容器；
2. 宽度300px、高度200px、背景#f5f5f5、1px边框#ddd、圆角8px、内边距20px、水平居中；
3. 内部添加h3：CSS基础样式（颜色#333、居中）；
4. 内部添加p：测试文本（字号14px、行高1.5、颜色#666）。
小松鼠的松果
秋天，小松鼠忙着收集松果过冬。
它把松果藏在树洞里、泥土里，累得满头大汗。
冬天大雪覆盖大地，别的小动物找不到食物挨饿时，小松鼠却安心享用存粮。
它明白，提前付出努力，寒冷的日子就会过得温暖又踏实。
14. 操作题二 （20分）
需求：
1. 创建父容器container，内部3个子item；
2. 父容器：宽度80%、最大1200px、居中、flex布局、子元素均匀分布、上下内边距20px；
3. 子元素：宽200px、高150px、背景#4299e1、悬浮变#38b2ac、白色文字居中、圆角6px、阴影、0.3s过渡。