2025年中级前端开发工程师CSS3Grid与Flexbox混合布局实战考核试卷.docVIP

2025年中级前端开发工程师CSS3Grid与Flexbox混合布局实战考核试卷

一、单项选择题（每题1分，共30题）

1.在CSSGrid布局中，哪个属性定义了网格的列数？

A.grid-template-columns

B.grid-template-rows

C.grid-columns

D.grid-rows

2.Flexbox布局中，哪个属性用于设置项目在主轴上的对齐方式？

A.justify-content

B.align-items

C.flex-align

D.align-content

3.在CSSGrid布局中，如何使某个网格项跨越多列？

A.grid-column-span

B.grid-span-columns

C.span-columns

D.column-span

4.Flexbox布局中，哪个属性用于设置项目在交叉轴上的对齐方式？

A.justify-content

B.align-items

C.flex-align

D.align-content

5.在CSSGrid布局中，哪个属性用于定义网格的行数？

A.grid-template-rows

B.grid-template-columns

C.grid-rows

D.grid-columns

6.Flexbox布局中，哪个属性用于设置项目的增长因子？

A.flex-grow

B.grow-factor

C.flex-factor

D.grow

7.在CSSGrid布局中，如何使某个网格项跨越多行？

A.grid-row-span

B.grid-span-rows

C.row-span

D.span-rows

8.Flexbox布局中，哪个属性用于设置项目的收缩因子？

A.flex-shrink

B.shrink-factor

C.flex-factor

D.shrink

9.在CSSGrid布局中，哪个属性用于定义网格的列宽？

A.grid-template-columns

B.grid-column-width

C.column-width

D.grid-columns

10.Flexbox布局中，哪个属性用于设置项目的基线对齐方式？

A.flex-basis

B.baseline-align

C.flex-baseline

D.baseline

11.在CSSGrid布局中，哪个属性用于定义网格的行高？

A.grid-template-rows

B.grid-row-height

C.row-height

D.grid-rows

12.Flexbox布局中，哪个属性用于设置项目的顺序？

A.flex-order

B.order

C.flex-sequence

D.sequence

13.在CSSGrid布局中，哪个属性用于定义网格的间隙？

A.grid-gap

B.gap

C.grid-间隙

D.spacing

14.Flexbox布局中，哪个属性用于设置项目的填充？

A.flex-padding

B.padding

C.flex-fill

D.fill

15.在CSSGrid布局中，哪个属性用于定义网格的区域？

A.grid-template-areas

B.grid-areas

C.areas

D.grid-区域

16.Flexbox布局中，哪个属性用于设置项目的弹性？

A.flex

B.flexibility

C.elastic

D.flex-factor

17.在CSSGrid布局中，哪个属性用于定义网格的列间距？

A.grid-column-gap

B.column-gap

C.grid-间距

D.column-spacing

18.Flexbox布局中，哪个属性用于设置项目的对齐方式？

A.align-self

B.self-align

C.flex-align

D.align

19.在CSSGrid布局中，哪个属性用于定义网格的行间距？

A.grid-row-gap

B.row-gap

C.grid-间距

D.row-spacing

20.Flexbox布局中，哪个属性用于设置项目的分布？

A.flex-distribute

B.distribute

C.flex-balance

D.balance

21.在CSSGrid布局中，哪个属性用于定义网格的模板？

A.grid-template

B.template

C.grid-layout

D.layout-template

22.Flexbox布局中，哪个属性用于设置项目的包裹？

A.flex-wrap

B.wrap

C.flex-bundle

D.bundle

23.在CSSGrid布局中，哪个属性用于定义网格的列模板区域？

A.grid-template-column