45道CSS基础面试题(答案).docxVIP

45道CSS基础面试题(答案)

选择题

1.以下哪种选择器用于选择所有元素？

A.类选择器

B.ID选择器

C.通配符选择器

D.元素选择器

答案：C。通配符选择器使用“”表示，可选择文档中的所有元素；类选择器通过类名选择元素，以“.”开头；ID选择器通过元素的ID选择元素，以“”开头；元素选择器通过元素名称选择元素。

2.以下哪个属性用于设置元素的背景颜色？

A.backgroundcolor

B.color

C.bordercolor

D.textcolor

答案：A。backgroundcolor用于设置元素的背景颜色；color用于设置文本颜色；bordercolor用于设置元素边框的颜色；不存在textcolor属性。

3.如何将元素的显示模式设置为块级元素？

A.display:inline

B.display:block

C.display:inlineblock

D.display:none

答案：B。display:block将元素显示为块级元素；display:inline将元素显示为内联元素；display:inlineblock将元素显示为内联块元素；display:none会隐藏元素。

4.以下哪种单位是相对单位？

A.px

B.cm

C.em

D.mm

答案：C。em是相对单位，它相对于元素的字体大小；px（像素）、cm（厘米）、mm（毫米）都是绝对单位。

5.要设置元素的下边框为2像素宽的红色实线，正确的CSS代码是：

A.borderbottom:2pxredsolid;

B.borderbottom:red2pxsolid;

C.borderbottom:solid2pxred;

D.borderbottom:2pxsolidred;

答案：D。borderbottom属性的正确语法是borderbottom:宽度样式颜色，所以2像素宽的红色实线应写为2pxsolidred。

6.若要将元素的文本居中对齐，应使用哪个属性？

A.textalign:center

B.verticalalign:center

C.aligncontent:center

D.alignitems:center

答案：A。textalign:center用于水平居中对齐元素内的文本；verticalalign:center用于垂直对齐内联元素或表格单元格内容；aligncontent用于多行弹性容器的对齐；alignitems用于弹性容器子元素的垂直对齐。

7.以下哪个属性用于设置元素的字体大小？

A.fontfamily

B.fontweight

C.fontsize

D.fontstyle

答案：C。fontsize用于设置元素的字体大小；fontfamily用于设置字体族；fontweight用于设置字体的粗细；fontstyle用于设置字体的样式（如斜体）。

8.若要让元素浮动到左侧，应使用哪个属性值？

A.float:left

B.float:right

C.float:none

D.float:center

答案：A。float:left使元素浮动到左侧；float:right使元素浮动到右侧；float:none取消元素的浮动；不存在float:center属性值。

9.以下哪种选择器用于选择第一个子元素？

A.:firstchild

B.:lastchild

C.:nthchild(1)

D.以上都是

答案：D。:firstchild、:nthchild(1)都可以选择第一个子元素，:lastchild选择最后一个子元素。

10.要设置元素的透明度，应使用哪个属性？

A.opacity

B.filter

C.visibility

D.display

答案：A。opacity属性用于设置元素的透明度，值从0（完全透明）到1（完全不透明）；filter用于应用各种图形效果；visibility用于控制元素的可见性，但元素仍会占据空间；display用于控制元素的显示方式。

填空题

1.CSS中用于清除浮动的属性是__________。

答案：clear。clear属性用于清除浮动，常见值有left、right、both等。

2.要设置元素的内边距，可使用__________属性。

答案：padding。padding属性用于设置元素内容与边框之间的距离，可以分别设置上、右、下、