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

1. (单选题)下列选项中，代表外边距属性的是（）

A. padding
B. margin
C. border
D. background

正确答案: B:margin;

答案解析：盒子模型的主要属性有：内边距padding.外边距margin.边框border.背景background等。

2. (单选题)下列选项中，代表内边距属性的是（）

A. padding
B. margin
C. border
D. background

正确答案: A:padding;

答案解析：盒子模型的主要属性有：内边距padding.外边距margin.边框border.背景background等。

3. (单选题)下列选项中，代表边框属性的是（）

A. padding
B. margin
C. border
D. background

正确答案: C:border;

答案解析：盒子模型的主要属性有：内边距padding.外边距margin.边框border.背景background等。

4. (单选题)border-style属性值中，可以设置边框为虚线的是（）

A. none
B. solid
C. dashed
D. double

正确答案: C:dashed;

答案解析：border-style属性每一条边的属性值都相同，常用属性值有4个，分别用于定义不同的显示样式，具体如下。 solid：边框为单实线。 dashed：边框为虚线。 dotted：边框为点线。 double：边框为双实线。

5. (单选题)border-style属性值中，可以设置边框为单实线的是（）

A. none
B. solid
C. dashed
D. double

正确答案: B:solid;

6. (单选题)下列选项中，用于设置边框样式的属性是（）

A. border-color
B. border-width
C. background-color
D. border-style

正确答案: D:border-style;

答案解析：在CSS属性中，border-style属性用于设置边框样式。

7. (单选题)下列选项中，用于设置边框宽度的属性是（）

A. border-color
B. border-width
C. background-color
D. border-style

正确答案: B:border-width;

答案解析：border-width属性用于设置边框的宽度，其常用取值单位为像素px。

8. (单选题)下列选项中，用于设置边框颜色的属性是（）

A. border-color
B. border-width
C. background-color
D. border-style

正确答案: A:border-color;

答案解析：border-color属性用于设置边框的颜色。

9. (单选题)下列选项中，可以实现圆角效果的属性是（）

A. border-radius
B. border-image
C. box-shadow
D. background-size

正确答案: A:border-radius;

答案解析：运用CSS3中的border-radius属性可以将矩形边框四角圆角化，实现圆角效果。

10. (单选题)在border-image的属性中，可以指定图片路径的是（）

A. border-image-source
B. border-image-slice
C. border-image-width
D. border-image-repeat

正确答案: A:border-image-source;

11. (单选题)下列选项中，能够更改元素左内边距的代码是（）

A. text-indent
B. padding-left
C. margin-left
D. padding-right

正确答案: B:padding-left;

答案解析：在CSS中padding属性用于设置内边距，方法如下： padding-top:上内边距; padding-right:右内边距; padding-bottom:下内边距; padding-left:左内边距;

12. (单选题)关于样式代码“.box{width:200px; padding:15px; margin:20px;}”的描述，下列说法正确的是（）

A. .box的总宽度为200px
B. .box的总宽度为 270px
C. .box的总宽度为 235px
D. 以上说法均错误

正确答案: B:.box的总宽度为 270px;

答案解析：盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和所以，.box的总宽度= width（200px）+左右内边距（15px*2）+左右外边距（20px*2） =270px

13. (单选题)一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，那么这个盒子的总宽度是（）

A. 333px
B. 366px
C. 336px
D. 363px

正确答案: C:336px;

答案解析：盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和所以，盒子的总宽度= width（300px）+左内边距（30px）+左右边框宽度之和（3px*2） =336px

14. (单选题)关于盒子模型中的宽度和高度属性，下面说法正确的是（）

A. 盒子模型中的宽度和高度属性适用于所有元素
B. 盒子模型中的宽度和高度属性仅适用于行内元素
C. 盒子模型中的宽度和高度属性仅适用于块级元素
D. 以上说法均正确

正确答案: C:盒子模型中的宽度和高度属性仅适用于块级元素;

答案解析：宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（<img />标签和<input />除外）。

15. (单选题)下列选项中，可以使图像只沿着水平方向平铺的是（）

A. repeat
B. no-repeat
C. repeat-x
D. repeat-y

正确答案: C:repeat-x;

答案解析：repeat：沿水平和竖直两个方向平铺（默认值） no-repeat：不平铺（图像位于元素的左上角，只显示一个） repeat-x：只沿水平方向平铺 repeat-y：只沿竖直方向平铺。

16. (单选题)下列选项中，可以设置背景图像位置的属性是（）

A. background-repeat
B. background-position
C. background-attachment
D. background-size

正确答案: B:background-position;

答案解析：如果希望背景图像出现在其他位置，就需要另一个CSS属性—background-position，设置背景图像的位置。

17. (单选题)下列选项中，能够使任何元素呈现出透明效果的是（）

A. opacity
B. RGBA
C. background
D. scroll

正确答案: A:opacity;

答案解析：在CSS3中，使用opacity属性能够使任何元素呈现出透明效果。

18. (单选题)关于background-size属性的语法格式，下列选项正确的是（）

A. background-size:属性值1 属性值2;
B. background-size:属性值1;属性值2;
C. background-size:属性值1;属性值2
D. background-size:属性值1; 属性值2.

正确答案: A:background-size:属性值1 属性值2;;

答案解析：background-size属性的基本语法格式是background-size:属性值1 属性值2;

19. (单选题)下列选项中，能够使背景图像相对于边框进行定位的属性值是（）

A.padding-box
B. border-box
C. content-box
D. contain

正确答案: B:border-box;

答案解析：background-origin 属性的取值有三种，分别是padding-box.border-box.content-box，说明如下。 padding-box：背景图像相对于内边距区域来定位。 border-box：背景图像相对于边框来定位。 content-box：背景图像相对于内容框来定位。

20. (单选题)下列选项中，能够从内容区域向外裁剪背景的属性值是（）

A. padding-box
B. border-box
C. content-box
D. contain

正确答案: C:content-box;

答案解析：background-clip属性和background-origin 属性的取值相似，但含义不同，具体解释如下。 border-box：默认值，从边框区域向外裁剪背景。 padding-box：从内边距区域向外裁剪背景。 content-box：从内容区域向外裁剪背景。