盒模型测试

一. 单选题（共2题，20分）

1. (单选题)
上下相邻的块元素垂直外边距合并，如果上面的元素有下外边距，下面的元素有上外边距，则合并后的垂直边距为（）。

• A. 两者中的较小者
• B. 两者中的较大者
• C. 两者之和
• D. 两者之差

正确答案: B:两者中的较大者;

2. (单选题)
嵌套块级元素的垂直外边距合并，父元素没有上内边距和边框，则父元素与子元素的上外边距合并为（）。

• A. 较小者
• B. 较大者
• C. 两者之差
• D. 两者之和

正确答案: B:较大者;

二. 填空题（共5题，50分）

3. (填空题)
盒模型就是把HTML页面中的（）看作是一个矩形区域，即元素的盒子。

正确答案：

(1) 元素

4. (填空题)
一个元素盒子是由（）、（）、（）、（）四部分组成。

正确答案：

(1) margin；外边距

(2) border；边框

(3) padding；内边距

(4) content；内容区域

5. (填空题)
元素盒子真正包含元素内容的区域，通过（）和（）属性进行设置。

正确答案：

(1) width

(2) height

6. (填空题)
在标准盒模型下（即box-sizing=content-box），盒子实际大小的计算公式为：

盒子实际大小 = （）+（）+（）+（）

正确答案：

(1) content；内容区域

(2) padding；内边距

(3)  border；边框

(4) margin；外边距

7. (填空题)
当box-sizing取值为border-box时，元素的内边距和边框大小均为0，那么元素内容区域的大小就是（）。

正确答案：

(1) 盒子的大小

三. 判断题（共3题，30分）

8. (判断题)
元素盒子的内边距，通过padding属性进行设置，不可以分别设置4个方向的内边距。

• A. 对
• B. 错

正确答案: 错

9. (判断题)
元素边框通过border属性进行设置，可以分别设置4个方向的边框。

• A. 对
• B. 错

正确答案: 对

10. (判断题)
外边距，即相邻盒子间的空白区域，通过margin属性进行设置，也可分别设置4个方向的外边距。

• A. 对
• B. 错

正确答案: 对