开放大学《Web开发基础》练习题
详细介绍
答案需要登录后下载附件查看
---
## 第1章 Web的工作方式
**判断题**
1. Web（World Wide Web）即全球广域网，也称为万维网。
2. Web服务器主要功能包括: 存储网站资源文件，代用户发送请求，提供基本的安全功能。
3. Web服务端应用程序开发主要可以使用以下几种编程语言: PHP、ASP.NET等。
4. FTP协议规定了Web服务器与浏览器之间如何打包及如何传输数据。
5. Web中采用HTML（HyperText Markup Language, 超文本标记语言）通信协议。
**单选题**
1. Internet上提供的主要服务有:Telnet、E-mail、（ ）、FTP。
2. 万维网联盟（World Wide Web Consortium），简称（ ），专门负责制定Web应用的标准。
3. Web分为（ ）和Web服务器程序。
4. Web程序要想顺利运行，就需要Web服务器、浏览器、（ ）三者相互配合，共同发挥作用。
5. 创建Web内容主要包括三部分: Web设计、（ ）和Web服务器端应用程序开发。
**配伍题**
1. 请为名词①∼⑤选择表示其含义的描述，将配对好的a∼e填写到括号中
① WEB服务器
② WEB浏览器
③ HTTP协议
④ Internet
⑤ 远程访问服务
请填写：①： ②： ③： ④： ⑤：
---
## 第2章 HTML5基础知识
**判断题**
1. HTML规定元素标签可以嵌套，但不允许交叉。
2. 单标记只有开始标记，没有结束标记。开始标记中的/可有可无。
3. 如果网页中包含多个拥有相同id属性值的元素，则网页报错，无法显示。
4. <p>元素中不允许包含以下元素：标题元素（h1~h6）、span元素、div元素。
5. HTML 源代码中的空格都是无效的，最终显示时，都会被浏览器删掉。
6. 查找父级目录中的文件或文件夹，可使用"../父级目录文件或文件夹"返回上级目录。
7. 若不指定<a>元素的target属性，则在单击超链接时，默认会在当前窗口打开新网页。
8. 设置<td>的colspan属性可让单元格跨多行显示。
9. 表格元素的align属性不是设置表格内容居中对齐。而是设置整个表格在其父元素中整体居中对齐。
10. 有序列表可自动将列表项按内容排序后显示。
**单选题**
1. 下面定义HTML注释正确的是（ ）。
2. 下面定义页面编码格式的元素正确的是（ ）。
3. 以下可以实现当鼠标悬停在元素上时，出现工具提示效果的是（ ）。
4. 以下说法正确的是（ ）。
5. 下面定义页面编码格式的元素不正确的是（ ）。
6. <img>元素的（ ）属性用于设置要引入的图片的URL地址。
7. 将<a>元素的target属性值设置为（ ），可实现单击<a>在新窗口打开新链接。
8. 以下定义锚点位置错误的是（ ）。
9. 关于绝对路径的组成，以下描述正确的是（ ）。
10. HTML5结构标记中专门定义主导航区域的元素是（ ）。
**多选题**
1. 以下标记定义正确的是:（ ）。
2. 以下说法正确的是（ ）。
3. 下列说法错误的是（ ）。
4. 对<audio>标记的属性描述正确的是（ ）。
5. 以下关于不规则表格定义正确的是（ ）。
6. 以下关于列表元素的描述正确的是（ ）。
**配伍题**
1. 请为名词①∼⑤选择表示其含义的描述，将配对好的a∼e填写到括号中
1. 行内元素
2. 块级元素
3. 行内块元素
4. 单标记元素
5. 双标记元素
请填写：①： ②： ③： ④： ⑤：
**编程题**
1. 定义一个表格，一共2行四列。其中，第一行第一个格，向下跨2行，且内容顶端对齐。第二行第二个单元格位置的格，向右跨3行，且内容居左对齐：
<table>
<tr>
<td ___[①]___ ___[②]___></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td __[③]__ __[④]__ ></td>
</tr>
</table>
其中:①和③请选择不规则表格相关的属性；②和④请选择内容对齐方式。
---
## 第3章 HTML5表单元素
**判断题**
1. 表单向服务器端提交数据主要有两种方式：get方式和set方式。
2. Select元素中的多个option元素，若希望多选一，则必须同时定义相同的name属性。
3. 默认情况下，单击<input type="radio">旁边的文本，不会选中该单选按钮。
4. 实现表单提交功能，需要两部分配合才能实现: 首先需要服务器端程序接收客户端表单提交来的数据；其次定义客户端HTML表单收集用户信息并提交数据到服务器端。
5. <from>元素用来定义一个表单整体，其中包含多种表单元素，用于收集用户的各种信息。
6. 以get方式提交表单是以隐藏的方式将数据提交给服务器。要提交的表单数据不会出现在URL的结尾，而是包含在请求消息主体的内部。
**单选题**
1. 定义在文本框中初始时显示的提示信息，输入内容后就被替换，可设置（ ）属性。
2. 当多个单选按钮多选一时，应该为组内的多个单选按钮定义相同的（ ）属性值。
3. 下列选项中，不属于input元素的type属性可选内容的是（ ）。
4. 设置select元素的（ ）属性可实现多选。
5. 设置iframe的（ ）属性，可定义iframe要引入的另一个网页的URL地址。
6. 以get方式提交表单时，查询字符串的格式正确的是：（ ）。
7. 以get方式提交表单时，最大可发送的数据大小为:（ ）。
8. 如果表单中包含上传文件功能时，内容类型必须设置为: ( )。
**多选题**
1. 以下关于表单元素的描述正确的是:（ ）。
2. 以下属于表单元素的是：（ ）。
3. 多个备选项中，可选择多个选中项时，可使用哪种表单元素：（ ）。
**配伍题**
1. 请为元素①∼⑤选择右侧最合适的使用场景，将配对好的a∼e填写到括号中
1. <input type="checkbox">
2. <textarea>
3. <input type="file">
4. <input type="radio">
5. <select>
请填写：①： ②： ③： ④： ⑤：
**编程题**
1. 在表单中定义性别，二选一。要求，回发服务器时的变量名为"sex"。且扩大选中区域，点击文字，也可选中选项：
<form>
<___①___><input type="___②___" ___③___="sex" ___④___="1">男</___①___>
<___①___><input type="___②___" ___③___="sex" ___④___="0">女</___①___>
</form>
---
## 第4章 CSS3基础知识
**判断题**
1. 内部样式表的优先级总是高于外部样式表。
2. 外部样式表是指定义在<head>元素中的<style>元素内的一组CSS样式声明。
3. 凡是定义在元素开始标签之外的样式表，都成为外部样式表。
4. 父元素所有样式属性，子元素都会自动继承。
5. 默认情况下，ID选择器优先级最高，元素选择器优先级最低。
6. 为适应不同大小的显示设备，应尽量选择相对单位设置尺寸，如百分比(%)。
7. 单位1px的显示大小不会随显示器分辨率改变而改变。
8. margin:auto;可设置元素在水平和垂直两个方向都居中。
9. 外边距合并，是指当两个垂直方向外边距相遇时，将合并为一个外边距。
10. 如果希望将内边距和边框的范围也纳入内容范围中用width和height共同控制，可修改box-sizing属性值为border-box。
11. 所有行内元素都无法使用width和height属性设置大小。
12. 外边距合并，最终的实际外边距取决于两个外边距中距离较小的那个值。
13. 背景图片默认是不平铺的，如果希望平铺可设置background-repeat:repeat。
14. 元素多层结构自底向上，依次是：外边距、背景色、背景图片、边框和内边距，以及最上层的内容。
15. background-size属性值可以是contain，表示等比缩放，但以短边刚好缩放到与元素对应边等长时，停止缩放。
16. 所有元素都有vertical-align属性，可设置内容垂直方向居中。
**单选题**
1. 下列样式声明语法正确的是（ ）。
2. 下列关于内联样式的定义格式正确的是:（ ）。
3. 下列关于内部样式表的内容定义正确的是:（ ）。
4. 网页中引入外部样式表的代码正确的是（ ）。
5. 一下定义id选择器正确的是:（ ）。
6. 所有p元素和div元素字体大小均为12px，以下写法正确的是:（ ）。
7. 选择ul元素下所有后代li（既包含直接子元素，又包含更深层后代元素）的选择器是（ ）。
8. 选择ul元素下所有直接子元素li的选择器是（ ）。
9. 选择class为active的a元素，下列选择器正确的是（ ）。
10. 鼠标悬停在a元素上时，字体变为红色，正确的CSS定义是（ ）。
11. 一个元素的内联样式中定义color:red, 内部样式表中定义了color:green, 外部样式表中定义了color: yellow。最终字体颜色为（ ）。
12. （ ）可将当前样式声明的优先级提升为最高。
13. 以下单位属于相对长度单位的是（ ）。
14. 下列关于相对长度单位描述正确的是:（ ）。
15. 下列表示颜色值错误的是（ ）。
16. border属性定义正确的是（ ）。
17. 清除文本框的轮廓可使用（ ）。
18. 一个元素上、下外边距都是10 px，左、右外边距都是20 px，下列定义正确的是（ ）。
19. 仅设置左上角和左下角为圆角的css代码如下正确的是:（ ）。
20. 仅设置左上角为圆角的css代码正确的是:（ ）。
21. 框模型规定，每个元素由内向外由4个部分组成：（ ）。
22. 下列定义背景图片属性正确的是（ ）。
23. 设置背景图片相对于所在元素向上移动10 px，向左移动20 px，以下设置正确的是（ ）。
24. 以下设置字体加粗属性正确的是（ ）。
25. 以下设置字体为斜体正确的是（ ）。
26. 普通元素设置文本垂直居中的属性正确的是（ ）。
**多选题**
1. 一个元素可同时被多个样式类修饰，以下写法正确的是:（ ）。
2. 以下关于选择器的权重描述正确的是:（ ）。
3. 一个元素上下内边距都是20px，左右内边距都是10px，下列定义正确的是：（ ）。
4. 以下关于内容溢出说法正确的是: （ ）。
5. 以下可以隐藏内容溢出部分的overflow属性的值是：（ ）。
6. 仅显示元素的左边框，以下css属性正确的是:（ ）。
7. 上外边距溢出，有以下几种预防方法：（ ）。
**配伍题**
1. 请为选择器①∼⑤选择右侧最合适的解释，将配对好的a∼e填写到括号中。
1. ul>li.active
2. ul li.active
3. ulli>.active
4. ul li .active
5. ul>li,.active
请填写：①： ②： ③： ④： ⑤：
**编程题**
1. 如下图所示需求设计图：外层一个section元素，包裹着内层四个span元素。（图略）请在下列CSS中补充选择器和css属性：
<style>
section{ ___①___ }
section span{ ___②___; ___③___; }
section __[④]__{ width:223px; }
</style>
---
## 第5章 CSS3高级特性
**判断题**
1. 块级元素默认都是从上到下排列的，且每个块元素独占一行。
2. 行内块元素默认都是从上到下排列的，且每个行内块元素独占一行。
3. 行内元素默认按照从左往右的方式排列，而行内块（inline-block）默认从上到下排列。
4. 因为每个元素都拥有自己的空间，所以一个元素不可能盖住另一个元素。
5. 即使行内元素浮动后，也允许修改width和height属性。
6. 元素一旦设置浮动定位属性，就脱离普通文档流定位方式，不占用普通文档流中的页面空间。
7. 如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会被挤压到下一行，并始终浮动到下一行的开头。
8. 元素一旦浮动后，都会变为行内块级元素，也允许修改大小尺寸。
9. 如内部浮动元素，高于外部容器元素，则内部浮动元素超出外部元素范围的部分自动隐藏。
10. 用opacity设置透明度，仅影响所在元素，不影响子元素。
11. dispaly:none 不会让元素脱离文档流，虽然看不见，但依然占用空间。
12. visibility:hidden不让元素脱离文档流，虽然看不见，但依然占用空间。
13. rgba只作用于某个属性，如背景颜色等。
14. pointer属性可设置鼠标的光标。当鼠标悬停在元素上时，可改变鼠标光标的显示样式。
15. 修改列表项标识为图片，可使用: list-image:url(图片路径)属性。
16. list-style:none和list-style-type:none均可清除列表项标识。
17. relative（相对定位）可让元素脱离默认文档流，相对于其所在父元素左上角自由定位。
18. 相对定位是让元素相对于它在默认文档流中的原始位置偏移一段距离，经常用于对元素位置做微调时使用。
19. 绝对定位的元素默认总是相对于其所在直接父级元素左上角定位。
20. 相对定位的元素，虽然位置偏离了原位置，但默认文档流中的原位置不释放。
21. 修改父元素的z-index属性值>子元素的z-index属性值可让父元素盖住子元素。
22. 未使用定位属性的元素不能使用z-index元素。
23. :first-child元素只能匹配一个元素。
24. input+span 只能匹配一个元素。
25. :target用于匹配当前点击的a元素。
26. div:not([title=test])也会匹配那些不包含title属性的div元素。
27. 元素可设置的属性，伪元素也可设置。元素具有的特征，伪元素也同样具备。
28. 使用弹性布局，要先使父容器变为flex容器------display:flex或display:inline-flex。
29. 默认情况下，如果主轴放不下所有项目时，项目会超出容器横向溢出。
30. 弹性布局中，项目的flex-order属性用于定义项目的排列顺序。
31. order属性，用于定义项目的排列顺序。其值为整数数字，无须单位。
**单选题**
1. 先后顺序定义三个div: div1,div2,div3。div2向左浮动，div1和div3向右浮动，结果从左向右三个div的顺序依次是（ ）。
2. CSS提供了（ ）属性用于设置元素浮动定位。
3. 以下不属于float属性值的是：（ ）。
4. 清除前面元素浮动对当前元素的影响，可设置（ ）属性。
5. 下列选项中，可让图片左右文字与图片垂直居中对齐的css属性是（ ）。
6. 下列设置鼠标悬停时光标变为手指的属性是（ ）。
7. 如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会：（ ）。
8. 元素一旦浮动后，都会变为：（ ）。
9. 一下不属于clear属性值的是:（ ）。
10. 下列选项中，可让元素独占一行的属性为（ ）。
11. 下列关于vertical-align属性描述正确的是:（ ）。
12. 以下不能实现隐藏元素的是:（ ）。
13. 下列清除列表项标志的属性设置正确的是（ ）。
14. 以下不属于list-style-type属性值的是:（ ）。
15. 将列表项标识改为图片的属性是:（ ）。
16. 希望能自由修改元素的位置，但又不希望默认文档流中原始位置被释放，应选择（ ）。
17. 以下关于元素定位描述错误的是：（ ）。
18. 下列关于位移属性描述正确的是:（ ）。
19. 三个相邻元素: <b></b><span></span><i></i>，希望选中<b>元素后的<i>元素，下列选择器正确的是（ ）。
20. 选择包含title属性且title属性值中包含"es"的div元素，下列选择器正确的是（ ）。
21. 选择title属性不等于"test"的div元素，下列选择器正确的是:（ ）。
22. 希望单击一个a元素，控制另一个元素的样式变化，可使用以下哪种选择器:（ ）。
23. 以下描述错误的是:（ ）。
24. 下列在p元素开头添加">>"符号的代码正确的是:（ ）。
25. 防止外边距溢出最好的方法是:（ ）。
26. 下列对于flex-direction属性值描述正确的是:（ ）。
27. 如果主轴放不下所有项目时，可设置flex-wrap属性值为（ ）来实现换行显示，但不改变主轴方向。
28. 下列代码可以定义flex容器x为主轴，从左向右排列，且如果放不下就换行继续从左向右排列的是:（ ）。
29. 设置项目在主轴上的对齐方式，可设置以下哪个属性:（ ）。
30. 实现每个项目两端间距相同可设置以下哪个属性:（ ）。
31. 下列不属于align-self属性值的是:（ ）。
32. 文档类型声明: <!DOCTYPE html>说明当前网页使用的是（）标准。
**多选题**
1. 以下描述正确的是:（ ）。
2. 以下关于clear属性描述正确的是：（ ）。
3. 清除浮动对父元素影响的方案有：（ ）。
4. 默认可在一行中水平排列的元素有:（ ）。
5. 下列对于opacity属性描述正确的是:（ ）。
6. 下列可使用vertical-align属性设置垂直方向对齐方式的有: （ ）。
7. 下列关于固定定位描述正确的是:（ ）。
8. 下列关于位移属性描述正确的是:（ ）。
9. 下列关于z-index属性描述正确的是:（ ）。
10. 已知连续四个<li>元素，下列选择器中可选择后三个li的是：（ ）。
11. 以下选择器中可匹配table中tbody下的偶数行的有:（ ）。
12. 匹配元素内容中的首字母，可使用以下哪些选择器:（ ）。
13. 下列可以清除浮动对父元素带来的影响的代码是:（ ）。
14. 下列关于弹性布局中项目的属性，描述正确的是:（ ）。
15. 关于align-items属性的值，下列描述正确的是:（ ）。
**配伍题**
1. 请为定位方式①∼⑤选择右侧最合适的解释，将配对好的a∼e填写到括号中。
1. position:absolue
2. position:relative
3. position:fixed
4. float:left
5. flex
请填写：①： ②： ③： ④： ⑤：
**编程题**
1. 定义登录对话框，使其显示在文档显示区中心，且不随页面滚动而滚动。已知登录对话框宽310px，高380px。请在下列CSS中补充选择器和css属性：
<style>
#loginform{
width:310px; height:380px;
____[①]____
____[②]____
margin-top: ____[③]___;
margin-left: ____[④]____;
}
</style>
---
## 第6章 CSS3渐变、过渡与动画
**判断题**
1. 设置元素的background-image属性，取值为一个linear-gradient()命令，可实现线性渐变。
2. 设置元素的linear-gradient属性，可实现线性渐变。
3. 设置元素的background-image属性，取值为一个radial-gradient()命令，可实现径向渐变。
4. 设置元素的radial-gradient属性，可实现径向渐变。
5. 设置元素的background-image属性，取值为一个repeating-linear-gradient()命令，可实现重复渐变。
6. 设置元素的repeating-linear-gradient属性，可实现重复渐变。
7. 2D旋转时，默认的转换原点为元素左上角(0,0)位置。
8. 转换原点是指在转换过程中，距离旋转圆心最远的一点。
9. 视距越小，3D转换的幅度越明显；视距越大，3D转换的幅度越不明显。
10. 修改要执行3D变换的元素本身的perspective属性，可调整视距。
11. 定义元素的transform属性时执行translate()函数，可让元素发生位移。
12. 定义元素的transform属性时执行scale()函数，可让元素发生缩放。
13. 定义元素的scale属性，可让元素发生缩放。
14. scale(value)中，缩放比例value的默认值为0，表示不缩放。若value>0，表示放大；若value<0，表示缩小。
15. 定义元素的transform属性时执行rotate()函数，可让元素发生旋转。
16. 定义元素的rotate属性，可让元素发生旋转。
17. rotate(ndeg)中，若n为正，顺时针旋转；若n为负，逆时针旋转。
18. 设置过渡速度变化曲线为:easy-in，表示慢速开始，加速结束。
19. 设置过渡速度变化曲线为: ease-out, 表示慢速开始，加速结束。
20. 过渡速度变化曲线的默认值为:ease，表示从慢速开始，快速变快，最后慢速结束。
21. @keyframes定义的动画会在页面加载时，自动执行，无需调用。
**单选题**
1. 以下关键字组合中，等效于设置线性渐变角度为45°的是（ ）。
2. 以下关于线性渐变描述正确的是:（ ）。
3. 设置按钮背景色自上向下渐变，从顶部白色渐变到底部银色，下列写法正确的是（ ）。
4. 添加-webkit-前缀不可解决（ ）浏览器的css属性兼容性问题。
5. 解决Firefox浏览器的css属性兼容性问题，可添加（ ）前缀。
6. 宽100 px的div元素，修改转换原点为右上角，下列属性设置正确的是（ ）。
7. 默认的转换原点是：（ ）。
8. 下列属性中，不能将元素右移100 px的设置是（ ）。
9. 下列属性中，可将元素顺时针旋转45°的是（ ）。
10. 设置元素的transform属性和box-shadow属性，在2 s内过渡变化，正确的是（ ）。
11. 希望修改某个CSS属性值时平缓变化，可使用CSS的（ ）属性。
12. 可使用（ ）属性设置过渡变化的时间。
13. 下列选项中，设置元素所有属性在2 s内匀速过渡变化正确的是（ ）。
14. 定义复杂动画，实现一个div顺时针旋转一周，正确的是（ ）。
15. 下列调用动画执行的语句正确的是（ ）。
16. 可设置动画暂停的css属性为:（ ）。
**多选题**
1. 下列属于渐变分类的是:（ ）。
2. 以下设置渐变角度的语法正确的是:（ ）。
3. 下列哪些值可作为转换原点位置的值：（ ）。
4. 下列可以设置元素在x轴上发生位移的函数是:（ ）。
5. 下列可分别设置元素在x轴和y轴两个方向上的缩放比例的是：（ ）。
6. 下列关于视距描述正确的是:（ ）。
7. 以下属性值中可用于设置过渡速度变化曲线的值有:（ ）。
**配伍题**
1. 请为下列属性①∼⑤选择右侧最合适的解释，将配对好的a∼e填写到括号中
1. transform-origin
2. translate
3. transform
4. perspective
5. transition
请填写： ①： ②： ③： ④： ⑤：
**编程题**
1. 在网页中定义一个名为ball的帧动画，并在某个元素的样式中启动动画播放，代码如下：
<html>
<head>
<style>
________[①]________ {
0%{/*动画第一帧的样式CSS属性*/}
... ...
100%{ /*动画结束时的样式CSS属性*/ }
}
#ball{
... ; /*其他css属性*/
/*以下启动动画: */
___[②]___:___[③]___ __[④]____ 速度变化曲线 延迟时间 反复执行次数 执行方向;
}
</style>
</head>
<body>
<div id="ball"></div>
</body>
</html>
---
## 第7章 LESS
**判断题**
1. 静态样式语言中虽然有变量，但是无法记性算术运算。
2. 编译是指将浏览器不认识的Less语言代码转换为CSS语言代码的过程。
3. Less既支持多行注释，又支持单行注释，所有注释都会被编译到CSS中。
4. @import在引入多个less文件时，会增加请求次数。
5. 用@import引入另一个.less文件，执行过程同CSS中用@import引入另一个css文件原理完全相同。
6. CSS中用@import引入另一个css文件，会增加请求次数。
**单选题**
1. 下列引入并在客户端编译less的代码正确的是（ ）。
2. 下列在less中定义变量的语法正确的是（ ）。
3. 下列使用变量正确的是（ ）。
4. 公共类型.m-p-0，可帮元素设置margin和padding属性，但暂时不知道margin和padding的值，下列代码正确的是（ ）。
5. 下列混入时传入参数的代码正确的是（ ）。
6. 在一个less文件中，引入另一个less文件，下列正确的是（ ）。
**多选题**
1. 以下属于动态样式语言具备而静态样式语言不具备的特征有:（ ）。
2. 不需要动态样式语言，静态样式语言已经具备的特征有:（ ）。
3. 下列对于less提供的内置函数描述正确的是:（ ）。
**编程题**
1. 定义var.less文件，其中声明两个变量保存字体大小和颜色值；再定义index.less文件，其中引入var.less中基础变量，并使用基础变量。代码如下：
/*var.less文件中:*/
_[①]__:#e4393c;
_[②]__:12px;
/*index.less文件中*/
__[③_]__;
h1{
background-color: _[①]__;//使用变量
color:#fff;
font-size: _[④]__ //将字体在标准字体基础上放大一倍
}
---
## 第8章 Bootstrap响应式网页开发
**判断题**
1. 响应式网页是指，一个网页会根据用户浏览器设备不同而自动改变布局。
2. 响应式网页是指，一个网页中包含可与用户交互的功能的网页。
3. 在任何情况下，视口大小总是等于设备宽。
4. 视口的尺寸可以随意指定，且视口与显示设备的物理分辨率无关。
5. 视口在手机端和在PC端都默认始终通过缩小网页方式，全部显示网页内容。
6. 物理设备宽比视口宽更能精准确定一个设备的种类。
7. 媒体查询，就是查询出当前浏览器的名称和版本号。
8. 媒体查询，即可使用浏览器的视口大小作为判断条件，又可使用物理设备的窗口大小作为判断条件。
**单选题**
1. 响应式网页划分显示设备的分类，依据的是:（ ）。
2. 要求当前网页加载时，视口大小等于设备宽，且初始时不缩放，下列代码正确的是（ ）。
3. 根据媒体查询执行不同CSS文件，要求只有视口宽大于768 px时，才执行print.css文件，下列代码正确的是（ ）。
4. 普通规则下，如果设备宽为767px，可认为其为（ ）设备。
5. PC设备显示器下，让class为box的元素背景为红色，下列代码正确的是（ ）。
6. 下列关于媒体查询说法正确的是：（ ）。
7. 下列关于媒体查询说正确的是：（ ）。
8. 一个元素在PC和PAD下，在行中占比为1/4，在手机下，在行中占比1/2,下列代码正确的是（ ）。
9. 一个元素，在PC下，在行中占比为1/4，在PAD和手机下隐藏,下列代码正确的是（ ）。
**多选题**
1. 流式布局主要使用: （ ）。
2. 以下关于媒体查询的描述正确的是:（ ）。
3. 以下设备分类的标准正确的是：（ ）。
**配伍题**
1. 请为下列样式类①∼⑤选择右侧最合适的解释，将配对好的a∼e填写到括号中。
1. col-md-6
2. hidden-sm
3. col-sm-3
4. col-xs-6
5. col-lg-2
请填写：①： ②： ③： ④： ⑤：
---
## 第9章 Bootstrap常用组件
**判断题**
1. 响应式图片可让图片根据浏览设备的宽，响应式调整图片的大小。
2. 为元素添加text-responsive样式类，可让元素的内容文本以两端对齐。
3. list-style-none样式类可去掉列表项前的标识符号。
4. 响应式表单的样式类和栅格系统的样式类完全一样。
5. 水平表单可定义栅格系统控制不同屏幕宽下表格的列宽。
6. Bootstrap所有组件，单靠引入bootstrap.css就可执行。
7. 使用组件时，仅添加样式类，未添加data-*自定义扩展属性，则样式也无法正常显示。
8. 凡是使用fixed属性固定定位在文档显示区中心位置的对话框，都是模态框。
9. 模态框是指在一个父窗口中打开了一个子窗口，若子窗口不关闭，则父窗口无法获得输入焦点。
**单选题**
1. 按钮尺寸样式类不包括: （ ）。
2. 将按钮变为块级按钮，可使用: （ ）。
3. 将a变为黄色按钮，以下代码中正确的是（ ）。
4. 下列设置图片为响应式图片的代码，正确的是（ ）。
5. Bootstrap的less源码中保存所有基础变量的less文件是（ ）。
6. Bootstrap中颜色类名*-default的颜色为：（ ）。
7. 下列不属于文本对齐方式的样式类是:（ ）。
8. 为<img>元素添加响应式图片样式类，可使用:（ ）。
9. 下列关于bootstrap.less文件描述正确的是:（ ）。
10. bootstrap.less文件中包括：（ ）。
11. 以下关于Bootstrap中表单描述正确的是：（ ）。
12. 表单中的每组输入项（label+input+span）都包含在class为（ ）的小容器元素中。
13. 以下组件必须引入Bootstrap.js才能正常执行的是（ ）。
**多选题**
1. 下列Bootstrap中颜色类名描述正确的是:（ ）。
2. 下列关于文本内容转换描述正确的是:（ ）。
3. 下列关于列表项样式描述正确的是:（ ）。
4. 以下关于表格样式描述正确的是：（ ）。
5. 下列关于Bootstrap表单描述正确的是：（ ）。
6. 关于data-*开头的属性，下列描述正确的是：（ ）。
**配伍题**
1. 请为下列样式类①∼⑤选择右侧最合适的解释，将配对好的a∼e填写到括号中
1. text-capitalize
2. table-striped
3. list-unstyled
4. text-center
5. list-inline
请填写：①： ②： ③： ④： ⑤：
**编程题**
1. 需求图片（略），代码如下：
<form class="___①____">
<div class="_____②_____">
<label class="__③___" for="uname">用户名</label>
<input id="uname" placeholder="请输入用户名" class="___④____">
</div>
</form>