Web开发基础卷包-003
关注公众号【飞鸟搜题】，回复【试题】获取试卷答案
文档说明:本人针对该科精心汇总了历年题库及答案，形成一个完整的题库，并且每年都在更新。该题库对考生的复习、作业和考试起着非常重要的作用，会给您节省大量的时间。做考题时，利用本文档中的查找工具，把考题中的关键字输到查找工具的查找内容框内，就可迅速查找到该题答案。本文库还有期末考核试题、其他网核及教学考一体化、一网一平台复习试题与答案，敬请查看。
课程题目试题是随机的，请按题目关键词查找（或按Ctrl+F输入题目中的关键词，尽量不要输入整个题目，不要复制空格，连续的几个字就行）
本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究
本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究
本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究
一 、判断题
1. 响应式图片可让图片根据浏览设备的宽，响应式调整图片的大小。（ ）
A. √
B. ×
答案：A
- 关注公众号【飞鸟搜题】查看答案
2. 表单向服务器端提交数据主要有两种方式：get方式和set方式。（）
A. √
B. ×
答案：B
- 关注公众号【飞鸟搜题】查看答案
3. 相对定位是让元素相对于它在默认文档流中的原始位置偏移一段距离，经常用于对元素位置做微调时使用。（ ）
A. √
B. ×
答案：A
- 关注公众号【飞鸟搜题】查看答案
4. 块级元素和行内元素都具备align属性，可设置内容的对齐方式。（ ）
A. √
B. ×
答案：B
- 关注公众号【飞鸟搜题】查看答案
5. 响应式网页是指，一个网页会根据用户浏览器设备不同而自动改变布局。（ ）
A. √
B. ×
答案：关注公众号【飞鸟搜题】查看答案
6. 外部样式表是指定义在元素中的<head>元素中的<style>元素内的一组CSS样式声明。（ ）
A. √
B. ×
答案：关注公众号【飞鸟搜题】查看答案
7. 设置过渡速度变化曲线为: ease-out, 表示慢速开始，加速结束。（ ）
A. √
B. ×
答案：关注公众号【飞鸟搜题】查看答案
8. 静态样式语言中虽然有变量，但是无法执行算术运算。（ ）
A. √
B. ×
答案：关注公众号【飞鸟搜题】查看答案
9. Web中采用HTML（HyperText Markup Language, 超文本标记语言）通信协议。（ ）
A. √
B. ×
答案：关注公众号【飞鸟搜题】查看答案
10. <p>元素中不允许包含以下元素：标题元素（h1~h6）、span元素、div元素。（ ）
A. √
B. ×
答案：关注公众号【飞鸟搜题】查看答案
11. 仅单独使用width属性或height属性对<img>元素进行缩放时，比例会失调。所以，必须同时设置width属性和height属性，并且保持宽高比。（ ）
A. √
B. ×
答案：关注公众号【飞鸟搜题】查看答案
二 、单选题
1. Bootstrap的less源码中保存所有基础变量的less文件是（）。
A. bootstrap.less
B. progess-bars.less
C. variables.less
D. media.less
答案：关注公众号【飞鸟搜题】查看答案
2. 设置iframe的（）属性，可定义iframe要引入的另一个网页的URL地址。
A. src
B. href
C. rel
D. path
答案：关注公众号【飞鸟搜题】查看答案
3. 如果主轴放不下所有项目时，可设置flex-wrap属性值为（ ）来实现换行显示，但不改变主轴方向：
A. nowrap
B. wrap-reverse
C. reverse
D. wrap
答案：关注公众号【飞鸟搜题】查看答案
4. 以下网页基本结构正确的是:（）
A. <!DOCTYPE html> <head></head> <body></body> </DOCTYPE >
B. <html !DOCTYPE> <head></head> <body></body> </html>
C. <!DOCTYPE html> <html> <head></head> <body></body> </html> </DOCTYPE>
D. <!DOCTYPE html> <html> <head></head> <body></body> </html>
答案：关注公众号【飞鸟搜题】查看答案
5. 根据媒体查询执行不同CSS文件，要求只有视口宽大于768 px时，才执行print.css文件，下列代码正确的是（）。
A. <link media="screen && (minWsidth:768px)" rel="stylesheet" href=" print.css"/>
B. <link media="screen && (min-width>768px)" rel="stylesheet" href=" print.css"/>
C. <link media="screen and (minWidth:768px)" rel="stylesheet" href=" print.css"/>
D. <link media="screen and (min-width:768px)" rel="stylesheet" href=" print.css"/>
答案：关注公众号【飞鸟搜题】查看答案
6. 网页中引入外部样式表的代码正确的是（）。
A. <style rel=”stylesheet”href=”index.css”>
B. <style rel=”stylesheet” src=”index.css”>
C. <link rel=”stylesheet” href=”index.css”>
D. <link rel=”stylesheet” src=”index.css”>
答案：关注公众号【飞鸟搜题】查看答案
7. 万维网联盟（World Wide Web Consortium），简称（ ），专门负责制定Web应用的标准。
A. WWW
B. Web
C. W3C
D. 3WC
答案：关注公众号【飞鸟搜题】查看答案
8. 解决Firefox浏览器的css属性兼容性问题，可添加（）前缀。
A. -webkit-
B. -moz-
C. -o-
D. -ms-
答案：关注公众号【飞鸟搜题】查看答案
9. 下列在less中定义变量的语法正确的是（）。
A. red:#e4393c;
B. @red=#e4393c;
C. @red:#e4393c;
D. red=#e4393c;
答案：关注公众号【飞鸟搜题】查看答案
10. bootstrap.less文件中包括： （ ）
A. 变量
B. 全局样式类
C. 组件样式类
D. 对其它less文件的引用
答案：关注公众号【飞鸟搜题】查看答案
11. 以get方式提交表单时，最大可发送的数据大小为:（ ）
A. 1K
B. 2K
C. 3K
D. 4K
答案：关注公众号【飞鸟搜题】查看答案
12. 以下关于元素定位描述错误的是：（ ）
A. 绝对定位的元素相对于离它最近的已定位的祖先元素实现定位
B. 如果当前元素的各级父元素中没有已定位的祖先元素，那么元素就相对于body定位
C. 通常在设置绝对定位前，都要先找到要参照的祖先元素，并为祖先元素添加position属性
D. 祖先元素的position属性只能设置为relative
答案：关注公众号【飞鸟搜题】查看答案
13. 以下可以实现当鼠标悬停在元素上时，出现工具提示效果的是: ( )
A. <div><title>工具提示的内容</title></div>
B. <div id=”工具提示的内容”></div>
C. <div title=”工具提示的内容”></div>
D. <div tooltip=”工具提示的内容”></div>
答案：关注公众号【飞鸟搜题】查看答案
14. 一个元素，在PC下，在行中占比为1/4，在PAD和手机下隐藏,下列代码正确的是（）。
A. <ANY class=”col-lg-4 hidden-md ”
B. <ANY class=”col-md-3 hidden-sm”
C. <ANY class=”col-sm-3 hidden-xs”
D. <ANY class=”col-md-4 hidden-sm”
答案：关注公众号【飞鸟搜题】查看答案
15. 下列关于内部样式表的内容定义正确的是:（ ）
A. body: { color:red, fontSize:12px }
B. body{ color: red; font-size: 12px }
C. body={color:red; fontSize:12px }
D. body={color:”red”, fontSize:”12px” }
答案：关注公众号【飞鸟搜题】查看答案
16. 创建Web内容主要包括三部分: Web设计、（ ）和Web服务器端应用程序开发。
A. 数据库开发
B. Web前端网页开发
C. App开发
D. 通信协议
答案：关注公众号【飞鸟搜题】查看答案
17. 可设置动画暂停的css属性为:（ ）
A. animation-play-state
B. animat-play-state
C. animat-play
D. animation-state
答案：关注公众号【飞鸟搜题】查看答案
18. 公共类型.m-p-0，可帮元素设置margin和padding属性，但暂时不知道margin和padding的值，下列代码正确的是（）。
A. .m-p-0(m,p){margin:m; padding:p }
B. .m-p-0(m p){margin:m; padding:p}
C. .m-p-0(@m,@p){margin:m,padding:p}
D. .m-p-0(@m,@p){margin:@m, padding:@p}
答案：关注公众号【飞鸟搜题】查看答案
19. 下列选项中，不属于input元素的type属性可选内容的是（）。
A. text
B. password
C. submit
D. hide
答案：关注公众号【飞鸟搜题】查看答案
20. 关于绝对路径的组成，以下描述正确的是： （ ）
A. 协议://域名/目录路径/文件名
B. 协议/>域名/目录路径/文件名
C. 目录路径:/协议/域名/文件名
D. 目录路径:>协议/域名/文件名
答案：关注公众号【飞鸟搜题】查看答案
三 、多选题
1. 多个备选项中，可选择多个选中项时，可使用哪种表单元素：（ ）
A. <input type=”radio”>
B. <input type=”checkbox”>
C. <input type=”button”>
D. <select multiple>
答案：关注公众号【飞鸟搜题】查看答案
2. 下列可以清除浮动对父元素带来的影响的代码是:（ ）
A. 父元素::before{ content:””; display:”table”}
B. 父元素{clear:both}
C. 父元素{ overflow:hidden }
D. 父元素:after{display:block; content:””; clear:both; }
答案：关注公众号【飞鸟搜题】查看答案
3. HTML源代码中可使用以下哪种标签或符号代替换行:（ )
A. <br>
B. <br></br>
C. <br/>
D.
答案：关注公众号【飞鸟搜题】查看答案
4. 下列关于Bootstrap表单描述正确的是： （ ）
A. 表单元素input设置class为form-control
B. 标签元素label设置class为control-label。
C. 表单中的每组输入项(label+input+span)都包含在class为form-group的小容器元素中
D. 表单中的每组输入项(label+input+span)都包含在class为form-control的小容器元素中
答案：关注公众号【飞鸟搜题】查看答案
5. 以下关于选择器的权重描述正确的是:（ ）
A. 类选择器的权重等于伪类选择器的权重
B. 元素选择器的权重大于伪类选择器的权重
C. 伪类选择器的权重小于ID选择器的权重
D. 伪类选择器的权重小于其它所有选择器的权重
答案：关注公众号【飞鸟搜题】查看答案
6. 下列对于less提供的内置函数描述正确的的是:（ ）
A. ceil(值)——取整
B. lighten(颜色值,百分百)——把指定颜色变亮；
C. image-width(宽度)——设置指定图片宽度
D. image-height(图片路径)——返回指定图片高度。
答案：关注公众号【飞鸟搜题】查看答案
7. 下列可以设置元素在x轴上发生位移的函数是:（ ）
A. translate(x)
B. transform(x)
C. translateX(x)
D. transformX(x)
答案：关注公众号【飞鸟搜题】查看答案
四 、填空题
1. 请为定位方式①-⑤选择右侧最合适的解释，将配对好的a-e填写到括号中 1：_________ 2：_________ 3：_________ 4：_________ 5：_________
A. E
B. C
C. B
D. A
E. D
答案：关注公众号【飞鸟搜题】查看答案
关注公众号【飞鸟搜题】，回复【试题】获取试卷答案
微信扫码添加好友
如二维码无法识别，可拨打 13662661040 咨询。