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

关闭

×

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

中国大学MOOC响应式网站开发(HTML5）第四期作业答案

响应式网站开发(HTML5）第四期

学校: 九八五题库

学校: 超星学习通

题目如下：

1. 1. 流式布局是使用固定页面宽度的布局方式。( )

答案: 错误

2. 2. 任何时候都要应用百分比布局，它已经完全替代了固定布局。

答案: 错误

3. 3. 百分比布局通常以em为单位。

答案: 错误

4. 4. 下列选项中,关于流式布局的说法错误的是( )。

A. 流式布局就是百分比布局

B. 流式布局是一种流动的布局方式

C. 在跨平台网页制作中经常用到流式布局

D. 流式布局是一种等比例缩放布局方式

答案: 流式布局是一种流动的布局方式

5. 1. 下列选项中，用于实现反转wrap 排列，第一行显示在下方的是（）

A. flex-wrap：wrap-reverse

B. flex-wrap：no-wrap

C. flex-wrap：wrap

D. flex-wrap：reverse

答案: flex-wrap：wrap-reverse

6. 2. 下面选项中，表示弹性盒子元素向垂直于轴的方向上的中间位置对齐（）

A. baseline

B. flex-start

C. center

D. flex-end

答案: center

7. 3. 下面选项中，表示弹性盒子元素按横轴方向逆序排列的是（）

A. reverse

B. row-reverse

C. column

D. column-reverse

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

8. 4. 下列选项中，弹性盒布局支持的浏览器不包括（）

A. Chrome 21+

B. iOS Safari 7.0+

C. Android Browser 4.4+

D. IE 8+

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

9. 5. vertical-align属性对弹性子元素的对齐无效。

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

10. 6. flex-flow是属性flex-direction和flex-wrap的简写，用于排列弹性子元素。

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

11. 1. 假设设计稿的宽度是750px，整个屏幕划分为15等份，那么font-size的值为（）

A. 50px

B. 60px

C. 70px

D. 80px

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

12. 2. 在页面中，设置的font-size的值为50px，那么2rem的值为（）

A. 25px

B. 50px

C. 75px

D. 100px

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

13. 3. 下面选项中，是CSS 3中新增的一种相对长度单位的是（）

A. cm

B. dpi

C. px

D. rem

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

14. 4. 在页面中,设置的font-size的值为50px,那么2rem的值为( )。

A. 100px

B. 50px

C. 25px

D. 75px

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

15. 5. 当使用rem单位时，根节点的字体大小（font-size）决定了rem的尺寸。

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

16. 6. 利用媒体查询和rem单位，可以实现元素大小的动态变化。

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

17. 1. Bootstrap中的.nav-pills类用来实现胶囊式导航的页面效果。( )

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

18. 2. 当使用创建导航时，需要确保标签的链接上添加.nav-item类。

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

19. 3. 基础的.nav组件不包含任何的.active 状态

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

20. 4. 导航栏不可以容纳下拉菜单。

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

21. 5. 通过使用 Bootstrap，导航栏可以扩展或折叠，具体取决于屏幕大小。

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

22. 6. 删除 .navbar-expand-* 类可创建始终垂直的导航栏。

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

23. 7. 将 .active 类添加到 元素可突出显示当前链接，或添加 .disabled 类来指示链接不可点击。

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

24. 8. 在Bootstrap 5中，每个.tab-pane都需要一个唯一的ID以便与选项卡链接关联。

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

25. 9. Bootstrap 5选项卡的内容面板必须使用tab-pane类。

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

26. 10. 在Bootstrap 5中，可以使用元素来创建选项卡导航项。

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

27. 11. 导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加（）类。

A. 折叠按钮加data-bs-toggle='collapse'，折叠容器需要加collapse类

B. 折叠按钮加data-bs-toggle='collapsed'，折叠容器需要加collapsed类

C. 折叠按钮加data-bs-toggle='scroll'，折叠容器需要加collapse类

D. 折叠按钮加data-bs-toggle='scroll，折叠容器需要加collapsed类

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

28. 12. 在Bootstrap中，.nav用于制作Bootstrap（）

A. 按钮

B. 表单

C. 导航

D. 轮播图

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

29. 13. 以下语句哪个不能在Bootstrap5中改变边框？

A.

B.

C.

D.

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

30. 14. Bootstrap5可以使用以下哪个类可设置导航栏为暗色背景浅色文字？

A. .navbar-white

B. .navbar-light

C. .navbar-#fff

D. .navbar-dark

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

31. 15. 关于位置固定的导航栏设置，以下说法正确的是？

A. .fixed-top 类使导航栏固定在页面的顶部

B. 使用 .fixed-bottom 类可把导航栏停留在页面底部

C. 使用 .sticky-top 类使导航栏在滚动经过它时固定/停留在页面的顶部

D. 以上全部正确

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

32. 16. Bootstrap5中图像与以下哪个类一起使用时，可自动设置图像样式，在垂直方向适应导航栏？

A. .navbar-brand

B. .navbar-img

C. .navbar-text

D. .navbar-background

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

33. 17. 在Bootstrap 5中，哪个类用于定义选项卡的导航链接？

A. .nav-link

B. .tab-link

C. .nav-tabs-link

D. .tabs-link

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

34. 18. 在Bootstrap 5中，如何激活一个特定的选项卡？

A. 通过JavaScript代码

B. 通过添加类.active到对应的选项卡上

C. 通过设置tabindex属性

D. 通过点击选项卡

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

35. 19. Bootstrap 5选项卡中，如何通过数据属性实现选项卡的切换功能?

A. data-toggle="tab"

B. data-bs-toggle="tab"

C. data-target="#tabId"

D. data-bs-target="#tabId"

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

36. 1. Bootstrap5可以使用以下哪个类可设置导航栏为暗色背景浅色文字？

A. .navbar-white

B. .navbar-light

C. .navbar-#fff

D. .navbar-dark

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

37. 2. 关于位置固定的导航栏设置，以下说法正确的是？

A. .fixed-top 类使导航栏固定在页面的顶部

B. 使用 .fixed-bottom 类可把导航栏停留在页面底部

C. 使用 .sticky-top 类使导航栏在滚动经过它时固定/停留在页面的顶部

D. 以上全部正确

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

38. 3. Bootstrap5中图像与以下哪个类一起使用时，可自动设置图像样式，在垂直方向适应导航栏？

A. .navbar-brand

B. .navbar-img

C. .navbar-text

D. .navbar-background

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

39. 4. 导航栏不可以容纳下拉菜单。

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

40. 5. 通过使用 Bootstrap，导航栏可以扩展或折叠，具体取决于屏幕大小。

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

41. 6. 删除 .navbar-expand-* 类可创建始终垂直的导航栏。

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

42. 7. 将 .active 类添加到 元素可突出显示当前链接，或添加 .disabled 类来指示链接不可点击。

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

43. 1. 下列选项中,可以在页面加载时实现轮播图切换动画效果的是( )。

A. data-toggle="tab"

B. data-ride="tab"

C. data-ride="carousel"

D. data-slide="tab"

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

44. 2. 下列选项中，可以修改轮播图的页面切换时间间隔的属性是（）

A. data-wrap

B. data-time

C. data-pause

D. data-interval

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

45. 3. 下列选项中，有关Bootstrap轮播插件说法错误的是（）

A. 是一种灵活的响应式的向站点添加滑块的方式

B. 轮播的内容可以是视频

C. 轮播的内容可以是图像、内嵌框架

D. 专门用来实现轮播图像

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

46. 4. Bootstrap5中以下哪个语句可以向轮播添加一个向右（下一个）按钮？

A. .carousel-inner

B. .carousel-item

C. .carousel-control-prev

D. .carousel-control-next

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

47. 5. Bootstrap5中轮播用哪个类规定每张幻灯片的内容？

A. .carousel-indicators

B. .carousel-inner

C. .carousel-item

D. .carousel-control-prev

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

48. 6. 在轮播组件中，可以在.carousel-item元素上，加上 data-interval=""来更改自动循环到下一项之间的延迟时间。

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

49. 7. 类.carousel-control-prev向轮播添加一个向左（上一个）按钮，允许用户在幻灯片之间回退。

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

50. 8. Bootstrap轮播插件是自动轮播，不需要触发。

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

51. 1. 要将 offcanvas 定位到左侧，以下哪个语句最适合？

A.

B.

C.

D.

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

52. 2. 代码" Offcanvas 侧栏 Offcanvas 侧栏 Offcanvas侧栏 "中，如需打开 offcanvas 侧边栏，使用哪个元素指向 .offcanvas 容器的 #demo？

A. h3

B. p

C. button

D. 以上都不是

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

53. 3. offcanvas-title 类确保了适当的外边距和行高。

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

54. 4. Offcanvas默认显示。

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

55. 5. Offcanvas 类似于模态，不同之处在于它通常用作侧边栏导航菜单。

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