超星 - 网格布局章节测验

A. grid-template-rows grid-template-columns
B. grid-template-columns grid-template-rows
C. grid-template-rows/grid-template-columns
D. grid-template-columns/grid-template-rows

查看答案

多选题

在网格布局中，place-items是（）两个属性的合并。【本题2项正确】

A. justify-items
B. align-items
C. justify-self
D. align-self

查看答案

多选题

以下网格项宽度设置的语句，功能完全相同的是（）。【本题2项正确】

A. grid-template-columns:100px 100px 100px 100px;
B. grid-template-columns:repeat(4,100px);
C. grid-template-columns:repeat(auto-fill,100px)
D. grid-template-columns:repeat(auto-fit,100px);
E. grid-template-columns:repeat(4,1fr);

查看答案

多选题

以下与网格布局相关的描述，正确的有（）。【本题2项正确】

A. 网格布局是CSS3专为布局而新增加的一种布局模块
B. 网格布局不仅可用于页面布局，与普通表格类似，它还可用于数据展示
C. 网格布局属于二维布局，功能比弹性布局强大
D. 不需借助媒体查询语句，网格布局即可实现复杂的响应式网页设计（包括网格项宽度的自适应伸缩、网格项位置的调整、网格项的显示与隐藏等）

查看答案

判断题

网格布局与弹性布局有一定的相似性，都可以指定容器内部多个项目的位置。由于网格布局属于二维布局，因此功能比属于一维布局的弹性布局更为强大。（）

A. 对
B. 错

查看答案

判断题

网格布局是CSS3专为页面布局而新增加的一个模块，目前几乎所有浏览器均已内置CSS网格布局模块。（）

A. 对
B. 错

查看答案