CSS考核笔试试卷测试题及答案.docxVIP

CSS考核笔试试卷测试题及答案

一、选择题（每题5分，共30分）

1.以下哪个CSS属性用于设置元素的背景颜色？（）

A.`backgroundimage`

B.`backgroundcolor`

C.`backgroundrepeat`

D.`backgroundposition`

答案：B

详细解释：`backgroundimage`用于设置元素的背景图像；`backgroundrepeat`用于控制背景图像的重复方式；`backgroundposition`用于设置背景图像的起始位置；而`backgroundcolor`就是专门用来设置元素背景颜色的，所以选B。

2.若要将元素的字体大小设置为16像素，以下正确的CSS代码是（）

A.`fontsize:16px;`

B.`textsize:16px;`

C.`font:16px;`

D.`size:16px;`

答案：A

详细解释：在CSS中，设置字体大小使用`fontsize`属性，所以`fontsize:16px;`是正确的写法。`textsize`不是CSS的标准属性；`font`是一个复合属性，不能这样简单设置；`size`也不是用于设置字体大小的属性，因此选A。

3.以下哪个选择器可以选择所有段落元素？（）

A.`.p`

B.`p`

C.`p`

D.`p`

答案：C

详细解释：在CSS中，元素选择器直接使用元素名称来选择元素，所以`p`可以选择所有的段落元素。`.p`是类选择器，用于选择具有`p`类名的元素；`p`是ID选择器，用于选择ID为`p`的元素；`p`不是合法的CSS选择器，所以选C。

4.当设置元素的`display`属性为`none`时，元素会（）

A.隐藏，但仍占据页面空间

B.隐藏，且不占据页面空间

C.显示为内联元素

D.显示为块级元素

答案：B

详细解释：当`display:none`时，元素会从文档流中移除，即不显示且不占据页面空间。而如果设置为`visibility:hidden`元素才是隐藏但仍占据页面空间；`display:inline`可将元素显示为内联元素；`display:block`可将元素显示为块级元素，所以选B。

5.以下关于`float`属性的说法，正确的是（）

A.`float`属性只能取值为`left`和`right`

B.设置`float`属性的元素会脱离文档流

C.`float`属性设置后不能清除

D.内联元素不能设置`float`属性

答案：B

详细解释：`float`属性取值有`left`、`right`、`none`等，所以A错误；设置`float`属性的元素会脱离正常的文档流，B正确；可以使用`clear`属性清除浮动，C错误；内联元素设置`float`属性后会变成块级元素，所以是可以设置的，D错误，因此选B。

6.要设置元素的外边距为上10px、右20px、下30px、左40px，以下正确的写法是（）

A.`margin:10px20px30px40px;`

B.`padding:10px20px30px40px;`

C.`margin:10px40px30px20px;`

D.`padding:10px40px30px20px;`

答案：A

详细解释：`margin`是设置元素外边距的属性，`padding`是设置元素内边距的属性，所以先排除B和D。`margin`属性值按上、右、下、左的顺序设置，所以上10px、右20px、下30px、左40px的正确写法是`margin:10px20px30px40px;`，选A。

二、填空题（每题5分，共20分）

1.CSS中设置文本加粗的属性是`______`。

答案：`fontweight`

详细解释：在CSS里，`fontweight`属性用于设置字体的粗细，常见取值有`normal`（正常）、`bold`（加粗）等，所以此处填`fontweight`。

2.若要让元素的宽度和高度包含内边距和边框，但不包含外边距，需要设置`boxsizing`属性的值为`______`。

答案：`borderbox`

详细解释：`boxsizing`属性有两个常见值，`contentbox`是默认值，元素的宽度和高度只包含内容；而`borderbox`使元素的宽度和高度包含内容、内边距和边