正文 

当前位置： 首页 > 程序 > java教程

前端期末考试试题及参考答案(08)

谷哥的小弟 谷哥的小弟     2023-02-21     387

关键词：

版权声明

  • 本文原创作者：谷哥的小弟
  • 作者博客地址：http://blog.csdn.net/lfdfhl

一、 填空题

  1. 在BootStrap中，表单、分页等都属于Bootstrap的______。
  2. Bootstrap是由______公司的设计师开发的一个前端开源框架。
  3. 在页面引入html5shiv.min.js，用于让低版本的浏览器支持______元素。
  4. Bootstrap包中为我们提供了两个容器类______和______。
  5. Bootstrap创建内联表单，只需要在垂直表单的基础上，为标签添加______类。

二、 判断题

  1. Bootstrap表单中的堆叠表单为默认样式。（ ）
  2. 使用.container-fluid类进行布局时，默认显示黑色边框。（ ）
  3. 使用Bootstrap进行开发时，除Bootstrap包中提供的内容外，不需要引入其他包。（ ）
  4. Bootstrap基于HTML、CSS、JavaScript等前端技术实现的。（ ）
  5. Bootstrap的栅格系统默认将父元素分成12等份，所以可根据占据的份数来设置子元素的宽度。（ ）

三、 选择题

  1. 下列选项中，属于Bootstrap默认表单的是（ ）。
    A. 内联表单 B. 水平表单 C. 堆叠表单 D. 外联表单
  2. 当网页中某个模块需要占据100%视口的宽度时，使用哪个容器类（ ）。
    A. .container-fluid B. .container-all C. .container D. .all
  3. 下列选项中，不支持使用Bootstrap定义按钮的标签是（ ）。
    A. < a>标签 B. < button>标签 C. < image>标签 D. < input>标签
  4. Bootstrap栅格系统中，大于多少列需要另起一行（ ）。
    A. 5 B. 10 C. 12 D. 8
  5. 在Bootstrap中，为按钮添加基本样式的类是（ ）。
    A. .btn-default类 B. .btn-info类 C. .btn-primary类 D. .btn类

四、 简答题

  1. 请简述Bootstrap有哪些特点。
  2. 请简述Bootstrap中布局容器的概念。

参考答案

一、 填空题

  • 组件
  • Twitter
  • HTML5
  • .container .container-fluid
  • .form-inline

二、 判断题

  • 对
  • 错
  • 错
  • 对
  • 对

三、 选择题

  • C
  • A
  • C
  • C
  • D

四、 简答题

1、请简述Bootstrap有哪些特点。

  • Less被Sass所替代，编译速度更快。
  • Bootstrap 4的CSS预处理器由Sass取代了之前的Less。这是因为Sass的开发者社区日渐扩大，因此Bootstrap开发团队更青睐于Sass。
  • 重构了CSS代码，避免使用标签选择符与子元素选择符。
  • 使用rem和em单位来代替px单位，更加适合设计响应式布局。
  • 改进了网格系统，新增一个网格层适配移动设备，并整顿语义混合，更好地适配移动端设备。
  • 使用ES6重写了所有插件，提供UMD支持等特性。
  • 支持弹性盒模型，可以利用Flexbox来快速布局。

2、请简述Bootstrap中布局容器的概念。

布局容器是Bootstrap中最基本的布局元素，在使用默认网格系统时，布局容器是必需的。它用于在其中容纳、填充一些内容，以及有时需要使内容居中。

Bootstrap中提供了.container类和.container-fluid布局容器类，这两种容器类最大的不同之处在于宽度的设定。前者可以根据屏幕宽度的不同，利用媒体查询设定固定的宽度，当浏览器窗口大小改变时，页面效果也会随之发生改变。后者在不同设备下始终保持宽度为100%，如果一个元素需要占据全部视口时可以使用.container-fluid类。

前端期末考试试题及参考答案(10)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl简单算法1、请用JavaScript实现冒泡排序(20分)2、请用JavaScript实现二分查找(20分)3、请用JavaScript实现简单选择排序(20分)4、请用JavaScript求n的阶乘(20分)5... 查看详情

前端期末考试试题及参考答案(10)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl简单算法1、请用JavaScript实现冒泡排序(20分)2、请用JavaScript实现二分查找(20分)3、请用JavaScript实现简单选择排序(20分)4、请用JavaScript求n的阶乘(20分)5... 查看详情

前端期末考试试题及参考答案(03)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题transition属性中______规定应用过渡的CSS属性的名称。transition属性中______定义过渡效果花费的时间。transition属性中______属性规定过渡效果... 查看详情

前端期末考试试题及参考答案(08)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题在BootStrap中，表单、分页等都属于Bootstrap的______。Bootstrap是由______公司的设计师开发的一个前端开源框架。在页面引入html5shiv.min.js&#... 查看详情

前端期末考试试题及参考答案(04)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题在页面中，______标签用于创建一个表单。<form>中的______属性用于指定接收并处理表单数据的服务器url地址。<form>中的______表... 查看详情

前端期末考试试题及参考答案(05)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题JavaScript中在定义变量时，要用______关键字进行局部变量的声明。布尔类型的数据只有true和______两个值。对于弱类型语言JavaScript࿰... 查看详情

前端期末考试试题及参考答案(05)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题JavaScript中在定义变量时，要用______关键字进行局部变量的声明。布尔类型的数据只有true和______两个值。对于弱类型语言JavaScript࿰... 查看详情

前端期末考试试题及参考答案(07)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题display属性用于指定元素容器的类型，其默认值为______。______用于设置初始缩放比例，取值为0~10.0。在配置视口属性时，user-sc... 查看详情

前端期末考试试题及参考答案(07)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题display属性用于指定元素容器的类型，其默认值为______。______用于设置初始缩放比例，取值为0~10.0。在配置视口属性时，user-sc... 查看详情

前端期末考试试题及参考答案(02)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题通过CSS的______属性进行字体大小的设置。CSS3新特性中，______用于定义服务器字体。通过设置font-weight的值为______定义粗体字符。通过... 查看详情

前端期末考试试题及参考答案(01)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题______表示页面中一个内容区块或整个页面的标题。______表示页面中一块与上下文不相关的独立内容，比如一篇文章。CSS的引入方式有... 查看详情

前端期末考试试题及参考答案(06)(代码片段)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题<video>标签支持三种格式的视频文件，分别为______、、。______用于获取视频的原始高度。表达式"27"!=27的值为______。标签... 查看详情

前端期末考试试题及参考答案(06)(代码片段)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题<video>标签支持三种格式的视频文件，分别为______、、。______用于获取视频的原始高度。表达式"27"!=27的值为______。标签... 查看详情

前端期末考试试题及参考答案(06)(代码片段)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题<video>标签支持三种格式的视频文件，分别为______、、。______用于获取视频的原始高度。表达式"27"!=27的值为______。标签... 查看详情

前端期末考试试题及参考答案(07)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题display属性用于指定元素容器的类型，其默认值为______。______用于设置初始缩放比例，取值为0~10.0。在配置视口属性时，user-sc... 查看详情

前端期末考试试题及参考答案(09)(代码片段)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题在BootStrap中，______类用于定义品牌图标。所有的导航组件都需要使用一个基类______实现导航的基础效果。.navbar类结合.navbar-______-*... 查看详情

java期末考试试题及参考答案(08)(代码片段)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题1．泛型的作用是支持类型________。2．泛型可以用在类、接口和方法的定义中，分别称为________、________和________。3．在Java... 查看详情

java期末考试试题及参考答案(07)(代码片段)

版权声明本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl一、填空题1．________是所有单列集合的父接口，它定义了单列集合（List和Set）通用的一些方法。2．使用Iterator遍历集合时，... 查看详情