尔雅响应式web开发课后答案(学习通2023完整答案)

尔雅响应式web开发课后答案(学习通2023完整答案)

点击查看答案

第一章 Bootatrap基础

1.1Bootstrap介绍随堂测验

1、尔雅（）文件是响应学习Bootstrap核心CSS文件。
A、开发课后Bootstrap.css
B、答案Bootstrap.js
C、通完Bootstrap-theme.css
D、整答Bootstrap-theme.min.css

2、尔雅Bootstrap是响应学习一款网页设计软件（）

3、Bootstrap不完全开放源代码（）

4、开发课后Bootstrap的答案主要特色之一是移动设备优先（）。

1.2Bootstrap栅格系统随堂测验

1、通完在Bootstrap中xs代表（）
A、整答大型设备
B、尔雅小型设备
C、响应学习超小型设备
D、开发课后中型设备

2、栅格系统可以把一个div最多进行（）等分。
A、4
B、6
C、8
D、12

3、.col-sm-3代表的含义是（）
A、布局了一个在小型设备中占3个单位宽度的栅格。
B、布局了一个在中型设备中占3个单位宽度的栅格。
C、布局了一个在大型设备中占3个单位宽度的栅格。
D、布局了一个在大型设备中占5个单位宽度的栅格。

4、.col-*-pull-*中的pull表示（）
A、向右推
B、向左拉
C、向上提
D、向下按

5、visible代表的含义是隐藏

第一章Bootatrap基础测验

1、Bootstrap的主要功能有栅格系统、排版、表单、导航和（）。
A、文字
B、声音
C、图片
D、视频

2、在Bootstrap中viewport代表（）
A、视口
B、窗体
C、视图
D、查询

3、Bootstrap栅格系统把网页的总宽度分成了（）份。
A、6
B、8
C、10
D、12

4、Bootstrap中“col-*-*”第一个*代表在什么设备下，有4个值可以选择，xs、sm、md和lg，其中xs代表（）设备。
A、超小型
B、小型
C、中型
D、大型

5、lg代表大型设备，分辨率大于（），一般指宽屏电脑
A、768px
B、992px
C、1200px
D、1800px

6、Bootstrap中“col-*-*”第二个*代表这个这个元素在该设备下占几个宽度，可以选择（）中的任意一整数值。
A、1-12
B、1-10
C、1-8
D、1-6

7、如果不希望相邻的列挨在一起，可以在第二个列上设置（）属性。
A、magin
B、magin-left
C、magin-right
D、magin-top

8、对于类.col-*-push-*其中push代表（）。
A、向右推
B、向左推
C、向下推
D、向上推

9、Bootstrap是一个应用软件。

10、Bootstrap中所有的文件按照类别分别放在css，fonts和js三个文件夹中。（）

11、Bootstrap下载后的文件分为未经压缩的文件和经过压缩处理的文件。一般情况下在网站进行调试的时候往往使用压缩过的文件。（）

12、使用Bootstrap只能用Hbuilder（）

13、只要学了HTMl和CSS就可以开始学习Bootstrap（）。

14、一般情况下，设备分辨率越大，越能容下更多的列。（）

15、响应式工具有两种：。visible-*和.hidden-*。*代表在什么设备下生效（）

第一章单元作业

1、拍照提交Bootstrap基础的课堂笔记

第二章 Bootatrap与CSS 1

2.1Bootstrap文本随堂测验

1、设置段落元素p的class为（）可以使段落成为强调段落。
A、lead
B、strong
C、text-left
D、initialism

2、如果在页面中引用某篇文章或者某个名人的句子可以使用blockquoye元素，如果配合smal元素和（）元素标识来源效果会更好。
A、abbr
B、cite
C、address
D、div

3、副标题元素small设置的字体比标题的字要小，颜色要浅。（）

4、默认情况下，Bootstrap为全局的字体大小设置为12px（）

5、在默认的情况下所有浏览器的背景设置都为白色（）

2.2Bootstrap表格和表单随堂测验

1、只需要给table元素设置class为table和（）就可以实现带边框的表格。
A、table-hover
B、table-bordered
C、table-condensed
D、table-striped

2、设置响应式表格，其会在小于（）的设备上出现横向滚动条。
A、768px
B、1024px
C、800px
D、400px

3、Bootstrap提供了一系列的表格快速生成工具，不包括1种基础样式和4中附加样式。（）

4、基础表单设置的宽度为100%。（）

5、内联表单只有在宽度768px以上的设备上才能生效（）

第二章单元测试1

1、在bootstrap中，栅格系统的标准用法（）是错误的。
A、<div class=”container”><div class=”row”></div></div>
B、<div class=”row”><div class=”container”></div></div>
C、<div class=”col-md-1″><div class=”row”></div></div>
D、<div class=”row”><div class=”col-md-1″></div></div>

2、元素h1表示（）
A、标题5
B、标题1
C、标题2
D、标题3

3、Bootstrap中用（）元素作为副标题
A、storng
B、H1
C、small
D、div

4、默认情况下，Bootstrap为全局的字体大小设置为（）。
A、14px
B、12px
C、10px
D、16px

5、在bootstrap中，以下的（ ）不是文本对其的方式。
A、.text-left
B、.text-middle
C、.text-right
D、text-justify

6、Bootstrap页面中在ul元素上设置class 为（），可以生成水平排列且没有项目符号的列表。
A、list-inline
B、list-unstyled
C、dl-horizontal
D、list

7、在bootstrap中，（ ）不属于栅格系统的实现原理。 　　　　
A、自定义容器的大小。平均分为12份
B、基于JavaScript开发的组件
C、结合媒体查询
D、调整内外边距

8、在bootstrap中，关于响应式栅格系统（ ）的描述是错误的。
A、.col-sx-：超小屏幕（<768px）。
B、.col-sm-：小屏幕、平板（>=768px）。
C、.col-md-：中等屏幕（>=992px）。
D、.col-lg-：大屏幕（>=1200px）。

9、Bootstrap是由（ ）（著名的社交网站）推出的前端开源工具包。
A、Twitter
B、B. Bootstrap
C、微软
D、Window

10、设置表格悬停高亮表格可以为table元素的class同时设置table和（）。
A、table-border
B、table-hover
C、table-condensed
D、table-striped

11、下列选项中，不属于Bootstrap包中提供的内容的是（）
A、布局组件
B、HTML5元素
C、CSS
D、基本结构

12、.text-danger类中设置的颜色为蓝色

13、如果对abbr元素设置initialism的class，可以获得更小的文本，字号大小为原始尺寸的90%。（）

14、如果在页面中引用了某篇文章或者某个名人的语句，可以使用blockquote元素。（）

15、在Bootstrap中使用 address元素， 不可以在网页上显示联系信息。

16、引入Bootstrap核心文件之后，在页面中布局一组表格元素，并且给table元素设置class为table，就可以快速的制作出漂亮的表格。（）

17、Bootstrap中响应式工具的作用是控制网页内容在不同设备的大小变化。（ ）

18、Bootstrap中，栅格系统主要是用来布局的。（ ）

19、Bootstrap创建内联表单，只需要在水平表单的基础上，为<form>标签添加类.form-inline。（ ）

20、Bootstrap对表单控件设置了3种状态：分别是焦点状态、禁用状态和验证状态。（）

21、通过设置class为input-lg或者input-sm，就可以生成较大或者较小的input输入框。（）

第二单元作业1

1、提交本星期的课堂学习笔记

第二章 Bootatrap与CSS 2

2.3Bootstrap按钮和图片随堂测验

1、在Bootstrap中，按钮添加原始按钮样式（未被操作）的类是（）
A、.btn-default类
B、.btn-info类
C、.btn-primary类
D、.btn类

2、在Bootstrap中，用于表示一个禁用按钮的类是（）
A、.active类
B、.disabled类
C、.btn-block类
D、.btn-close类

3、下列选项中，不支持使用Bootstrap定义按钮的标签是（）
A、<a>标签
B、<button>标签
C、<image>标签
D、<input>标签

4、在Bootstrap中，为按钮添加基本样式的类是（）
A、.btn类
B、.btn-primary类
C、.btn-info类
D、.btn-default类

5、在bootstrap中，下列（）不属于按钮尺寸。
A、.btn-lg
B、.btn- md
C、.btn-sm
D、.btn-xs

6、在bootstrap中，下列（）不属于图片处理的类。
A、.img-radius
B、.img-thumbnail
C、.img-circle
D、.img-rounded

7、Bootstrap中按钮的默认外观为圆角灰色（）。

2.4Bootstrp辅助样式随堂测验

1、类.pull-left可以让元素浮动到左边（）

2、如需清除元素的浮动可以使用 .clearfix类（）

3、以通过使用 class .show 和 .hidden 来强行设置元素显示或隐藏（）

4、.center-block设置元素为 display:block 并居中显示（）

5、.text-hide 将页面元素所包含的文本内容替换为背景图（）

第二章单元测试2

1、下列选项中，不支持使用Bootstrap定义按钮的标签是（）
A、<a>标签
B、<button>标签
C、<image>标签
D、<input>标签

2、下列选项中，用于定义超小按钮的类是（）
A、.btn-sm
B、.btn-xs
C、.visible-xs
D、.visible-sm

3、在Bootstrap中，按钮添加默认/标准按钮样式的类是（）
A、.btn类
B、.btn-primary类
C、.btn-info类
D、.btn-default类

4、在bootstrap中，下列（ ）不属于按钮尺寸。
A、.btn-lg
B、.btn-default
C、.btn-xs
D、.btn-sm

5、在bootstrap中，下列（）不属于图片处理的类。
A、.img-rounded
B、.img-radius
C、.img-thumbnail
D、.img-circle

6、下列（ ）不是正确的辅助类。
A、.text-muted
B、.text-title
C、.text-success
D、.text-danger

7、Bootstrap页面中给元素设置class为pull_right可以实现元素的左浮动（）

8、在Bootstrap页面中对一个元素设置class为show，该元素将被显示（）。

9、Bootstrap提供了1个class可以在页面中生成小图标（）

10、设置calss为caret的span元素可以生成一个向上的箭头（）

第二单元作业2使用登录页面完成响应式页面的布局

1、1、在计算机端登录居中，占6个单位宽度，在移动端占2个宽度 pc端样图 移动端样图

第三章Bootatrap布局组件

第三单元测试

1、下列选项中，可以用来修改导航条的默认样式的是（）
A、.navbar-default类
B、.nav类
C、.navbar-header类
D、.navbar-brand类

2、Bootstrap3中提供了（）个图标
A、200
B、100
C、50
D、80

3、Bootstrap中的（）文件夹存放的是字体图标文件。
A、fonts
B、css
C、html
D、js

4、改变字体图标所在元素的（）样式，就可以改变字体图标的颜色。
A、color
B、bg
C、font
D、border

5、btn-group 表示（）
A、按钮组的容器，在容器中可以放置多个class为btn的按钮。
B、多个按钮组容器。
C、用来调整按钮组中所有按钮的大小
D、让按钮组垂直布局

6、如果将class为dropdown的div元素，更换class为（）则可以变成一个向上弹出的菜单。
A、dropup
B、dropdown-menu
C、dropdown-header
D、divider

7、navbar-fixed-top的作用是（）
A、固定到顶部的导航栏
B、固定到底部的导航栏
C、反色的导航栏
D、以上都是

8、设置自适应的导航元素的class为（）
A、nav-justified
B、active
C、nav-pills
D、nav-tabs

9、Bootstrap导航栏的默认样式不能修改（。）

10、Bootstrap仅使用ul元素就可以实现导航栏的布局。（）

考试

期中测试

1、Bootstrap的主要功能有栅格系统、排版、表单、导航和（）。
A、图片
B、文字
C、声音
D、视频

2、在Bootstrap中viewport代表（）
A、窗体
B、视口
C、视图
D、查询

3、Bootstrap栅格系统把网页的总宽度分成了（）份。
A、12
B、8
C、6
D、4

4、Bootstrap中“col-*-*”第一个*代表在什么设备下，有4个值可以选择，xs、sm、md和lg，其中xs代表（）设备。
A、超小型
B、小型
C、中型
D、大型

5、lg代表大型设备，分辨率大于（），一般指宽屏电脑 。
A、1024px
B、1200px
C、768px
D、1800px

6、Bootstrap中“col-*-*”第二个*代表这个这个元素在该设备下占几个宽度，可以选择（）中的任意一整数值。
A、1—12
B、1—10
C、1—8
D、1—6

7、如果不希望相邻的列挨在一起，可以在第二个列上设置（）属性
A、magin-left
B、magin
C、magin-top
D、magin-right

8、对于类.col-*-push-*其中push代表（）。
A、向左推
B、向右推
C、向下推
D、向上推

9、在bootstrap中，栅格系统的标准用法（）是错误的
A、<div class=”row”><div class=”container”></div></div>
B、<div class=”container”><div class=”row”></div></div>
C、<div class=”col-md-1″><div class=”row”></div></div>
D、<div class=”row”><div class=”col-md-1″></div></div>

10、元素h1表示（）
A、标题2
B、标题3
C、标题1
D、标题4

11、Bootstrap中用（）元素作为副标题。
A、small
B、storng
C、h1
D、div

12、默认情况下，Bootstrap为全局的字体大小设置为（）。
A、12px
B、14px
C、16px
D、18px

13、在bootstrap中，以下的（ ）不是文本对其的方式。
A、text-justify
B、.text-righ
C、.text-left
D、.text-middle

14、Bootstrap页面中在ul元素上设置class 为（），可以生成水平排列且没有项目符号的列表。
A、list-unstyled
B、list-inline
C、dl-horizontal
D、list

15、在bootstrap中，（ ）不属于栅格系统的实现原理。
A、基于JavaScript开发的组件
B、自定义容器的大小。平均分为12份
C、结合媒体查询
D、调整内外边距

16、在bootstrap中，关于响应式栅格系统（ ）的描述是错误的。
A、.col-sx-：超小屏幕（<768px）。
B、.col-sm-：小屏幕、平板（>=768px）。
C、.col-md-：中等屏幕（>=992px）
D、.col-lg-：大屏幕（>=1200px）

17、Bootstrap是由（ ）（著名的社交网站）推出的前端开源工具包。
A、Twitter
B、Bootstrap
C、微软
D、Window

18、设置表格悬停高亮表格可以为table元素的class同时设置table和（）。
A、table-hover
B、table-border
C、table-condensed
D、table-striped

19、下列选项中，不属于Bootstrap包中提供的内容的是（）
A、HTML5元素
B、布局组件
C、css
D、基本结构

20、下列选项中，不支持使用Bootstrap定义按钮的标签是（）
A、<image>标签
B、<a>标签
C、<butto>标签
D、<input>标签

21、下列选项中，用于定义超小按钮的类是（）
A、.btn-xs
B、.btn-sm
C、.visible-xs
D、.visible-sm

22、在Bootstrap中，按钮添加默认/标准按钮样式的类是（）
A、.btn-default类
B、.btn类
C、.btn-primary类
D、.btn-info类

23、在bootstrap中，下列（ ）不属于按钮尺寸。
A、.btn-default
B、.btn-lg
C、.btn-xs
D、.btn-sm

24、在bootstrap中，下列（）不属于图片处理的类。
A、.img-radius
B、.img-rounded
C、.img-thumbnail
D、.img-circle

25、下列（ ）不是正确的辅助类。
A、.text-title
B、.text-muted
C、.text-success
D、.text-danger

26、在BootStrap中，下拉菜单、导航栏等都属于Bootstrap的（）。
A、布局组件
B、栅格系统
C、响应式实用工具
D、辅助样式

27、下列选项中，可以用来修改导航条的默认样式的是（）
A、.navbar-default类
B、.nav类
C、.navbar-header类
D、.navbar-brand类

28、Bootstrap3中提供了（）个图标
A、200
B、150
C、100
D、50

29、Bootstrap中的（）文件夹存放的是字体图标文件。
A、fonts
B、css
C、js
D、img

30、改变字体图标所在元素的（）样式，就可以改变字体图标的颜色。
A、color
B、font
C、bg
D、border

31、btn-group 表示（）
A、按钮组的容器，在容器中可以放置多个class为btn的按钮。
B、多个按钮组容器。
C、用来调整按钮组中所有按钮的大小
D、让按钮组垂直布局

32、如果将class为dropdown的div元素，更换class为（）则可以变成一个向上弹出的菜单。
A、dropup
B、dropdown-menu
C、dropdown-heder
D、divider

33、Bootstrap是一个应用软件（）。

34、Bootstrap中所有的文件按照类别分别放在css，fonts和js三个文件夹中。（）

35、Bootstrap下载后的文件分为未经压缩的文件和经过压缩处理的文件。一般情况下在网站进行调试的时候往往使用压缩过的文件。（）

36、使用Bootstrap只能用Hbuilder（）

37、只要学了HTMl和CSS就可以开始学习Bootstrap（）。

38、一般情况下，设备分辨率越大，越能容下更多的列。（）

39、响应式工具有两种：。visible-*和.hidden-*。*代表在什么设备下生效（）

40、text-danger类中设置的颜色为蓝色( )。

41、如果对abbr元素设置initialism的class，可以获得更小的文本，字号大小为原始尺寸的90%。（）

42、如果在页面中引用了某篇文章或者某个名人的语句，可以使用blockquote元素。（）

43、在Bootstrap中使用 address元素， 不可以在网页上显示联系信息。（ ）

44、引入Bootstrap核心文件之后，在页面中布局一组表格元素，并且给table元素设置class为table，就可以快速的制作出漂亮的表格。（）

45、Bootstrap中响应式工具的作用是控制网页内容在不同设备的大小变化。（ ）

46、Bootstrap中，栅格系统主要是用来布局的。（ ）

47、Bootstrap创建内联表单，只需要在水平表单的基础上，为<form>标签添加类.form-inline。（ ）

48、Bootstrap对表单控件设置了3种状态：分别是焦点状态、禁用状态和验证状态。（）

49、通过设置class为input-lg或者input-sm，就可以生成较大或者较小的input输入框。（）

50、Bootstrap页面中给元素设置class为pull_right可以实现元素的左浮动（）

51、在Bootstrap页面中对一个元素设置class为show，该元素将被显示（）。

52、Bootstrap提供了1个class可以在页面中生成小图标（）

53、设置calss为caret的span元素可以生成一个向上的箭头（）

54、Bootstrap导航栏的默认样式不能修改。