Web开发基础卷包-005

Web开发基础卷包-005

Web开发基础卷包-005

关注公众号【飞鸟搜题】，回复【试题】获取试卷答案

文档说明:本人针对该科精心汇总了历年题库及答案，形成一个完整的题库，并且每年都在更新。该题库对考生的复习、作业和考试起着非常重要的作用，会给您节省大量的时间。做考题时，利用本文档中的查找工具，把考题中的关键字输到查找工具的查找内容框内，就可迅速查找到该题答案。本文库还有期末考核试题、其他网核及教学考一体化、一网一平台复习试题与答案，敬请查看。

课程题目试题是随机的，请按题目关键词查找（或按Ctrl+F输入题目中的关键词，尽量不要输入整个题目，不要复制空格，连续的几个字就行）

本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究

本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究

本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究

一 、判断题

1. 为元素添加text-responsive样式类，可让元素的内容文本以两端对齐。（ ）

√

×

答案：B- 关注公众号【飞鸟搜题】查看答案

2. 表单向服务器端提交数据主要有两种方式：get方式和set方式。（）

√

×

答案：B- 关注公众号【飞鸟搜题】查看答案

3. 行内块元素默认都是从上到下排列的，且每个行内块元素独占一行。（ ）

√

×

答案：B- 关注公众号【飞鸟搜题】查看答案

4. 单标记只有开始标记，没有结束标记。开始标记中的/可有可无。（）

√

×

答案：A- 关注公众号【飞鸟搜题】查看答案

5. 媒体查询，就是查询出当前浏览网页的设备的类型及特性，如屏幕尺寸。（ ）

√

×

答案：关注公众号【飞鸟搜题】查看答案

6. 单位1px的显示大小不会随显示器分辨率改变而改变。（）

√

×

答案：关注公众号【飞鸟搜题】查看答案

7. 定义元素的transform属性时执行scale()函数，可让元素发生缩放。（ ）

√

×

答案：关注公众号【飞鸟搜题】查看答案

8. @import在引入多个less文件时，会请求多次。（）

√

×

答案：关注公众号【飞鸟搜题】查看答案

9. Web服务器主要功能包括: 存储网站资源文件，代用户发送请求，提供基本的安全功能。（ ）

√

×

答案：关注公众号【飞鸟搜题】查看答案

10. <p>元素中不允许包含以下元素：标题元素（h1~h6）、span元素、div元素。（ ）

√

×

答案：关注公众号【飞鸟搜题】查看答案

11. 块级元素和行内元素都具备align属性，可设置内容的对齐方式。（ ）

√

×

答案：关注公众号【飞鸟搜题】查看答案

二 、单选题

1. 下列设置图片为响应式图片的代码，正确的是（）。

<img src=”url” img-responsive>

<img src=”url” class=”img-responsive”>

<img src=”url” responsive>

<img src=”url” class=” responsive”>

答案：关注公众号【飞鸟搜题】查看答案

2. 如果表单中包含上传文件功能时，内容类型必须设置为: ( )

utf-8

application/x-www-form-URLencoded

text/plain

multipart/form-data

答案：关注公众号【飞鸟搜题】查看答案

3. 清除前面元素浮动对当前元素的影响，可设置（）属性。

display: clear

clear: both

float: both

both: clear

答案：关注公众号【飞鸟搜题】查看答案

4. 为表格添加标题，下列代码正确的是:（）

<table> <thead>表格标题</thead> … … </table>

<table> <title>表格标题</title> … … </table>

<table> <h1>表格标题</h1> … … </table>

<table> <caption>表格标题</ caption> … … </table>

答案：关注公众号【飞鸟搜题】查看答案

5. 一个元素在PC和PAD下，在行中占比为1/4，在手机下，在行中占比1/2,下列代码正确的是（）。

<ANY class=”col-md-3 col-xs-6”

<ANY class=”col-md-3 col-sm-3 col-xl-6”

<ANY class=”col-md-3 col-sm-6”

<ANY class=”col-sm-3 col-xs-6”

答案：关注公众号【飞鸟搜题】查看答案

6. 下列样式声明语法正确的是（）。

color=purple

color=”purple”

color:”purple”

color:purple

答案：关注公众号【飞鸟搜题】查看答案

7. Web分为( )和Web服务器程序。

Web客户端

HTML

数据库

浏览器

答案：关注公众号【飞鸟搜题】查看答案

8. 宽100 px的div元素，修改转换原点为右上角，下列属性设置正确的是（）。

transform-origin: 100% 0

transform-origin: 0 100%;

transform-origin: 0 100px

transform-origin: left top;

答案：关注公众号【飞鸟搜题】查看答案

9. 在一个less文件中，引入另一个less文件，下列正确的是（）。

@import " variables.less"

@import url(" variables.less")

!import " variables.less"

import " variables.less"

答案：关注公众号【飞鸟搜题】查看答案

10. 表单中的每组输入项（label+input+span）都包含在class为（）的小容器元素中。

form-label

form-group

form-control

control-label

答案：关注公众号【飞鸟搜题】查看答案

11. 以get方式提交表单时，最大可发送的数据大小为:（ ）

1K

2K

3K

4K

答案：关注公众号【飞鸟搜题】查看答案

12. 下列对于flex-direction属性值描述正确的是:（ ）

值为row表示主轴x轴，起点在容器中心点

值为row-reverse表示主轴x轴，起点在右端

值为column表示主轴y轴，起点在底端

值为column表示主轴x轴，起点在最左端

答案：关注公众号【飞鸟搜题】查看答案

13. 以下可以实现当鼠标悬停在元素上时，出现工具提示效果的是: ( )

<div><title>工具提示的内容</title></div>

<div id=”工具提示的内容”></div>

<div title=”工具提示的内容”></div>

<div tooltip=”工具提示的内容”></div>

答案：关注公众号【飞鸟搜题】查看答案

14. 下列关于媒体查询说法正确的是： （ ）

min-width：768px and max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

min-width：768px && max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

min-width：768px & max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

min-width：768px max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

答案：关注公众号【飞鸟搜题】查看答案

15. 仅设置左上角和左下角为圆角的css代码如下正确的是:（ ）

border-radius:5px 5px 0 0

border-radius:5px 0 0 5px

border-radius: 0 5px 5px 0

border-radius: 0 0 5px 5px

答案：关注公众号【飞鸟搜题】查看答案

16. Web程序要想顺利运行，就需要Web服务器、浏览器、( ) 三者相互配合，共同发挥作用。

数据库

HTML

网页

通信协议

答案：关注公众号【飞鸟搜题】查看答案

17. 下列属性中，不能将元素右移100 px的设置是（）。

transform: translateX(100px)

translateX : 100px

transform: translate(100px)

margin-left:100px

答案：关注公众号【飞鸟搜题】查看答案

18. 公共类型.m-p-0，可帮元素设置margin和padding属性，但暂时不知道margin和padding的值，下列代码正确的是（）。

.m-p-0(m,p){margin:m; padding:p }

.m-p-0(m p){margin:m; padding:p}

.m-p-0(@m,@p){margin:m,padding:p}

.m-p-0(@m,@p){margin:@m, padding:@p}

答案：关注公众号【飞鸟搜题】查看答案

19. 设置select元素的（）属性可实现多选。

value

selected

name

multiple

答案：关注公众号【飞鸟搜题】查看答案

20. HTML5结构标记中专门定义主导航区域的元素是（ ）。

<header>

<nav>

<section>

< aside>

答案：关注公众号【飞鸟搜题】查看答案

三 、多选题

1. 多个备选项中，可选择多个选中项时，可使用哪种表单元素：（ ）

<input type=”radio”>

<input type=”checkbox”>

<input type=”button”>

<select multiple>

答案：关注公众号【飞鸟搜题】查看答案

2. 下列关于位移属性描述正确的是:（ ）

top: -20px 是让元素基于当前位置向上移动20px

top: 20px 是让元素基于当前位置向下移动20px

bottom: -20px 是让元素基于当前位置向下移动20px

bottom: 20px 是让元素基于当前位置向下移动20px

答案：关注公众号【飞鸟搜题】查看答案

3. 以下关于列表元素的描述正确的是：（ ）

<ul>元素用于定义有序列表

<ol>元素用于定义无序列表

<ul>元素用于定义无序列表

<ol>元素用于定义有序列表

答案：关注公众号【飞鸟搜题】查看答案

4. 下列Bootstrap中颜色类名描述正确的是:（ ）

*-default ——默认基准色工业蓝

*-danger ——黄色

*-success ——绿色

*.primary——深蓝色

答案：关注公众号【飞鸟搜题】查看答案

5. 一个元素上下内边距都是20px，左右内边距都是10px，下列定义正确的是：（）。

padding: 20px 10px 20px 10px

padding: 10px 20px 10px

padding: 20px 10px 20px

padding: 10px 10px 20px 20px

答案：关注公众号【飞鸟搜题】查看答案

6. 下列对于less提供的内置函数描述正确的的是:（ ）

ceil(值)——取整

lighten(颜色值,百分百)——把指定颜色变亮；

image-width(宽度)——设置指定图片宽度

image-height(图片路径)——返回指定图片高度。

答案：关注公众号【飞鸟搜题】查看答案

7. 下列属于渐变分类的是:（）

线性渐变

径向渐变

重复渐变

水平渐变

答案：关注公众号【飞鸟搜题】查看答案

四 、填空题

1. 从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整： 在表单中定义性别，二选一。要求，回发服务器时的变量名为“sex”。且扩大选中区域，点击文字，也可选中选项： <form> <__①___><input type=”__②__” __③__=”sex” __④___=”1”>男</__①_> <__①___><input type=”__②__” __③__=”sex” __④___=”0”>女</__①_> </form> [答案选项] a．id b．name c．title d．value e．radio f．checkbox g．p h. label 请填写： 1：_________ 2：_________ 3：_________ 4：_________

H

E

B

D

答案：关注公众号【飞鸟搜题】查看答案

关注公众号【飞鸟搜题】，回复【试题】获取试卷答案