前端ui面试题及答案必备.docxVIP

前端ui面试题及答案必备

一、CSS与布局基础（30分）

1.在Flexbox布局中，若要实现一个容器内的子元素水平居中且垂直居中，应分别设置哪个属性？

A.justify-content:center;align-items:center;

B.text-align:center;line-height:100px;

C.margin:0auto;padding:20px;

D.float:left;display:inline-block;

答案：A

2.CSSGrid布局中，以下哪个属性用于定义网格区域的名称，从而在grid-template-areas中引用？

A.grid-template-columns

B.grid-template-rows

C.grid-template-areas

D.grid-area

答案：C

3.关于CSS盒模型，以下描述正确的是？

A.标准盒模型中，width属性包含content、padding和border

B.IE盒模型（怪异盒模型）中，width属性仅包含content，padding和border会额外增加元素的总宽度

C.box-sizing属性默认值为content-box

D.padding和margin不会影响元素占据的文档流空间

答案：B

4.在CSS定位中，