扫描下方二维码关注公众号：

关闭

×

作业辅导
扫码关注
论文指导
轻松解决学习难题!

中国大学MOOCWeb开发技术基础作业答案

Web开发技术基础

学校: 无

平台: 超星学习通

题目如下：

1. 双飞翼布局与圣杯布局的主要区别是什么?

A. 圣杯布局使用绝对定位来定位侧边栏

B. 圣杯布局在浏览器放大时可能出现问题

C. 双飞翼布局需要更多的DOM节点

D. 双飞翼布局在中间内容部分使用子div

答案: 双飞翼布局在中间内容部分使用子div

2. 以下哪个不是常见的网页布局方法?

A. 表格布局

B. 瀑布流布局

C. 框架布局

D. 响应式布局

答案: 框架布局

3. 网页布局的主要目的是什么?

A. 展示网站的所有内容

B. 增加网站的流量

C. 提高网站的美观度

D. 清晰地组织网页内容，提高用户体验

答案: 清晰地组织网页内容，提高用户体验

4. 在两列自适应布局中，如果左侧列包含图片，你应如何确保图片不会撑破布局?

A. 使用CSS的object-fit属性

B. 将图片设置为背景图片，并使用background-size: contain;

C. 设置图片height: auto;

D. 设置图片max-width: 100%;

答案: 设置图片max-width: 100%;

5. 在网页布局中，导航栏通常放在哪个位置?

A. 右侧

B. 顶部

C. 底部

D. 左侧

答案: 顶部

6. Flex布局的align-content属性在什么情况下才会生效?

A. 当容器有多行且项目未占满整行时

B. 当项目设置了flex-shrink属性时

C. 当项目设置了align-self属性时

D. 当容器为单行时

答案: 当容器有多行且项目未占满整行时

7. Flex布局的align-content属性在单行容器上是否有效?

A. 是

B. 否

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

8. 在Flex容器中，如何使项目在交叉轴方向上居中?

A. 设置容器的justify-content属性为center

B. 设置项目的justify-content属性为center

C. 设置项目的align-items属性为center

D. 设置容器的align-items属性为center

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

9. Flex布局的flex-basis属性接受哪些类型的值?

A. 动画时间值

B. 颜色值

C. 长度值或百分比

D. 字体大小值

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

10. Flex布局的align-items和align-self属性在哪些情况下会生效?

A. 项目是块级元素时

B. 项目是行内元素时

C. 项目在交叉轴方向上有剩余空间时

D. 项目在主轴方向上有剩余空间时

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

11. Flex布局的order属性如何影响项目的排列顺序?

A. 值越小，排列越前

B. 与项目在HTML中的顺序无关

C. 依赖于flex-direction的值

D. 值越大，排列越前

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

12. 在Flex布局中，如何控制项目在主轴方向上的对齐方式?

A. 使用flex-direction属性

B. 使用flex-wrap属性

C. 使用justify-content属性

D. 使用align-items属性

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

13. Flex布局(Flexbox)是哪种布局模式的扩展?

A. 表格布局

B. 网格布局

C. 行内布局

D. 块级布局

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

14. 在Flex布局中，哪个属性用于设置项目的对齐方式，覆盖align-items属性?

A. align-self

B. justify-self

C. item-align

D. flex-align

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

15. 在Flex容器中，哪个属性用于设置项目的放大比例?

A. flex-basis

B. flex-shrink

C. flex-grow

D. order

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

16. Grid布局中的justify-items和align-items属性分别控制什么?

A. 网格项目在主轴方向上的对齐方式和网格项目在交叉轴方向上的对齐方式

B. 网格项目的对齐方式和网格容器的对齐方式

C. 网格项目在容器内的位置和网格容器在页面上的位置

D. 网格容器在主轴方向上的对齐方式和网格容器在交叉轴方向上的对齐方式

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

17. grid-auto-flow属性用于控制什么?

A. 网格项目的尺寸

B. 网格线的大小

C. 自动放置的网格项目的放置顺序和流动方向

D. 网格容器的对齐方式

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

18. 下列哪个属性用于定义网格项目的位置?

A. grid-column

B. grid-area

C. 以上都是

D. grid-row

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

19. 以下哪个属性是Grid布局的容器属性?

A. grid-row

B. grid-column

C. justify-self

D. grid-template

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

20. 下列哪个属性用于控制网格项目在交叉轴方向上的对齐方式?

A. align-self

B. align-items

C. justify-items

D. justify-self

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

21. Grid布局中的justify-content和align-content属性分别控制什么?

A. 网格项目在主轴方向上的对齐方式和网格项目在交叉轴方向上的对齐方式

B. 网格容器在主轴方向上的对齐方式和网格容器在交叉轴方向上的对齐方式

C. 网格项目的对齐方式和网格容器的对齐方式

D. 网格项目在容器内的位置和网格容器在页面上的位置

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

22. fr单位在Grid布局中代表什么?

A. 像素

B. 百分比

C. 分数单位，用于在网格容器中分配空间

D. 视口宽度单位

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

23. grid-column-span属性用于什么?

A. 定义网格项目的行跨度

B. 定义网格容器的列数

C. 定义网格项目的列跨度

D. 定义网格容器的行数

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

24. 下列哪个属性用于定义网格容器内网格线之间的间距?

A.

B. row-gap

C. column-gap

D. grid-gap

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。

25. 在Grid布局中，哪个属性用于定义网格容器的大小?

A. grid-template-areas

B. grid-gap

C. grid-template-rows

D. grid-template-columns

答案：请关注【九八五题库】微信公众号，发送题目获取正确答案。