2026年前端css面试题及答案全套试题及答案.docxVIP

2026年前端css面试题及答案全套试题及答案

一、CSS基础与盒模型（总分：30分）

1.在CSS中，以下哪个属性用于定义元素的盒模型类型？

A.box-sizing

B.sizing-box

C.model-box

D.box-type

答案：A

2.关于BFC（块级格式化上下文），下列说法正确的是？

A.BFC可以包含浮动元素

B.BFC会阻止外边距折叠

C.BFC是一个独立的渲染区域

D.BFC只能通过overflow属性触发

答案：B

3.在CSS层叠上下文中，当两个元素具有相同的层叠顺序时，下列哪个因素决定了它们的覆盖关系？

A.z-index值

B.DOM元素的先后顺序

C.CSS选择器的特异性

D.font-size大小

答案：B

4.以下哪个属性用于创建一个新的层叠上下文？

A.position:relative

B.z-index:auto

C.opacity:0.5

D.transform:translateZ(0)

答案：D

5.CSS中，`box-shadow`属性的值顺序正确的是？

A.颜色x偏移y偏移模糊半径扩展半径