下面是小编为大家整理的2022年电大Web开发基础-0002,供大家参考。
配伍题（ 共
3 3
题，共
15
分 ）
Web
开发基础 -0002
1. 请为元素①-⑤选择右侧最合适的使用场景，将配对好的 a-e 填写到括号中
①：
空 1：
参考答案：（必须以选项文字为准！）C;c;Ｃ;ｃ 空 2：
参考答案：（必须以选项文字为准！）ａ;Ａ;A;a 空 3：
参考答案：（必须以选项文字为准！）ｅ;Ｅ;E;e 空 4：
参考答案：（必须以选项文字为准！）B;b;Ｂ;ｂ 空 5：
参考答案：（必须以选项文字为准！）d;D;Ｄ;ｄ 1. 请为下列属性①-⑤选择右侧最合适的解释，将配对好的 a-e 填写到括号中
①：
b
②：
c
③：
d
④：
a
⑤：
空 1：
参考答案：（必须以选项文字为准！）B;b;Ｂ;ｂ 空 2：
参考答案：（必须以选项文字为准！）C;c;Ｃ;ｃ 空 3：
参考答案：（必须以选项文字为准！）ｅ;Ｅ;E;e 空 4：
参考答案：（必须以选项文字为准！）ａ;Ａ;A;a 空 5：
参考答案：（必须以选项文字为准！）ｅ;Ｅ;E;e 1. 为下列样式类①-⑤选择右侧最合适的解释，将配对好的 a-e 填写到括号中
① col-md-6 a Pad 屏幕中当前元素宽占容器宽度的 1/4 transform-orig in translate a 模拟人的眼睛到 3D 转换元素之间的距离 ① b 用于修改转换原点的位置 ② transform c 可让元素发生位移 ③ perspective d 定义父元素中子元素的布局方式。
④ transition e 修改 CSS 属性值时平缓变化 ⑤ （如果第一道题一样，那就是顺序不变）
Web
开发基础- - 机考真题
<input type=”checkbox”> <textarea> a 收集用户输入的文字信息 ① b 性别二选一 ② <input type=”file”> <input type=”radio”> <select> c 是否同意本网站的条款 ③ d 从一百多个国家的列表中选择多个国家 ④ e 选择本地文件上传服务器 ⑤ c
②：
a
③：
e
④：
b
⑤：
d
e
② ③ ④ ⑤
hidden-sm col-sm-3 b c 超大屏幕中当前元素宽占容器元素宽的 1/6 PC 机显示设备中当前元素宽占用容器总宽度的
col-xs-6
d 50% Pad 和手机屏幕中当前元素隐藏 col-lg-2 e 手机屏幕中当前元素宽占容器元素宽的一半
①：
c
②：
d
③：
a
④：
e
⑤：
空 1：
参考答案：（必须以选项文字为准！）C;c;Ｃ;ｃ 空 2：
参考答案：（必须以选项文字为准！）d;D;Ｄ;ｄ 空 3：
参考答案：（必须以选项文字为准！）ａ;Ａ;A;a 空 4：
参考答案：（必须以选项文字为准！）ｅ;Ｅ;E;e 空 5：
参考答案：（必须以选项文字为准！）B;b;Ｂ;ｂ 判断题（ 共
12
题，共
24
分 ）
1. Web 服务端应用程序开发主要可以使用以下几种编程语言: PHP、ASP.NET 等。（）
2. 单标记只有开始标记，没有结束标记。开始标记中的/可有可无。（）
3. 以 get 方式提交表单是以隐藏的方式将数据提交给服务器。要提交的表单数据不会出现在 URL 的 结尾，而是包含在请求消息主体的内部。（ ）
4. 内部样式表的优先级总是高于外部样式表。（）
5. 使用弹性布局，要先使父容器变为flex 容器——display:flex 或 display:inline-flex。（ ）?
6. list-style:none 和 list-style-type:none 均可清除列表项标识。（ ）
7. 设置元素的 radial-gradient 属性，可实现径向渐变。（ ）
8. 编译是指将浏览器不认识的 Less 语言代码转换为 CSS 语言代码的过程。（ ）
9. 用@import 引入另一个.less 文件，执行过程同 CSS 中用@import 引入另一个 css 文件原理完全相 同。（）
10. 响应式网页是指，一个网页中包含可与用户交互的功能的网页。（ ）
11. 凡是使用 fixed 属性固定定位在文档显示区中心位置的对话框，都是模态框。（ ）
12. 模态框是指在一个父窗口中打开了一个子窗口，若子窗口不关闭，则父窗口无法获得输入焦点。
（ ）
单选题（共
13 题，共
26 分）
1. 创建 Web 内容主要包括三部分: Web 设计、（ ）和 Web 服务器端应用程序开发。A 数据库开发 B Web 前端网页开发C App 开发 D 通信协议
参考答案：（必须以选项文字为准！）
B
参考答案：T T √
参考答案：F F ×
参考答案：F F ×
参考答案：F F ×
参考答案：T T √
参考答案：F F ×
参考答案：T T √
参考答案：T T √
参考答案：F F ×
参考答案：F F ×
参考答案：T T √
参考答案：T T √
b
2. HTML5 结构标记中专门定义页脚的元素是（ ）。A <footer> B <nav> C <section> D < aside>
3. 下列选项中，不属于 input 元素的 type 属性可选内容的是（）。
A text B password C submit D hide
4. 设置 select 元素的（）属性可实现多选。
A value B selected C name D multiple
5. 一个元素上、下外边距都是 10 px，左、右外边距都是 20 px，下列定义正确的是（）。
A margin: 10px 10px 20px 20px B margin: 20px 10px 20px C margin: 10px 20px 10px D margin: 20px 20px 10px 10px
6. 清除文本框的轮廓可使用（）。
A border: 0; B border: none; C outline:0; D border-radius:0
7. 以下关于元素定位描述错误的是：（ ）
A 绝对定位的元素相对于离它最近的已定位的祖先元素实现定位。
B 如果当前元素的各级父元素中没有已定位的祖先元素，那么元素就相对于 body 定位。
C 通常在设置绝对定位前，都要先找到要参照的祖先元素，并为祖先元素添加 position 属性。D 祖先元素的 position 属性只能设置为 relative
8. 解决 Firefox 浏览器的 css 属性兼容性问题，可添加（）前缀。
A -webkit- B -moz- C -o- D -ms-
9. 以下关于线性渐变描述正确的是:（）
A 线性渐变就是延水平方向填充渐变色B 线性渐变就是延垂直方向填充渐变色 C 线性渐变就是以直线的方向来填充渐变色 D 线性渐变就是以圆心为中心，延半径向外渐变
参考答案：（必须以选项文字为准！）
C
参考答案：（必须以选项文字为准！）
B
参考答案：（必须以选项文字为准！）
D
参考答案：（必须以选项文字为准！）
C
参考答案：（必须以选项文字为准！）
C
参考答案：（必须以选项文字为准！）
D
参考答案：（必须以选项文字为准！）
D
参考答案：（必须以选项文字为准！）
A
10. 下列混入时传入参数的代码正确的是（）。A h1{ .m-p-0(10,10); … …} B h1{ .m-p-0: 10 10; … …} C h1{ .m-p-0(10px,10px); … …} D h1{ .m-p-0：(10px,10px); … …}
11. 在一个 less 文件中，引入另一个 less 文件，下列正确的是（）。
A @import " variables.less" B @import url(" variables.less") C !import " variables.less" D import " variables.less"
12. 要求当前网页加载时，视口大小等于设备宽，且初始时不缩放，下列代码正确的是（）。
A <meta name="viewport" content="width=device-width, initial=noscale"> B <meta name="viewport" content="width:device-width; initial-scale:1.0"> C <meta name="viewport" content="width=device, initial-scale=1.0"> D <meta name="viewport" content="width=device-width, initial-scale=1.0">
13. 下列关于 bootstrap.less 文件描述正确的是:（ ）
A bootstrap.less 中包含 bootstrap 样式类库中的所有全局样式类的定义B bootstrap.less 中不包含任何实际的样式类的定义 C bootstrap.less 中通过!important 引入其他 less 文件D bootstrap.less 中的所有内容不能随便删除
多选题（共
5 题，共
15 分）
1. 以下标记为非封闭标记的是：
（ ）
A <div> B <span> C <br> D <meta>
参考答案：（必须以选项文字为准！）C,D 2. 以下属于表单元素的是：（ ）
A label B input C textarea D select
参考答案：（必须以选项文字为准！）B,C,D 3. 以下选择器中可匹配 table 中 tbody 下的偶数行的有:（ ）
A table>tbody>tr:nth-child(even) B table>tbody>tr:nth-child(odd) C table>tbody>tr:nth-child(2n+1) D table>tbody>tr:nth-child(2n)
参考答案：（必须以选项文字为准！）A,D 4. 下列关于视距描述正确的是:（）
A 视距越远，元素在显示器投影平面上的像越小。B 视距越远，元素在显示器投影平面上的像越大 参考答案：（必须以选项文字为准！）
B
参考答案：（必须以选项文字为准！）
D
参考答案：（必须以选项文字为准！）
A
参考答案：（必须以选项文字为准！）
C
C 如果希望三维转换越明显，应增大视距D 如果希望三维转换越明显，应缩小视距
参考答案：（必须以选项文字为准！）A,D 5. 以下关于媒体查询的描述正确的是:（）
A 媒体查询，就是查询出当前浏览网页的设备的类型及特性，如屏幕尺寸。B 媒体查询，就是查询出当前浏览器的名称和版本号。
C 媒体查询，就是根据浏览器的名称和版本号不同执行不同的 CSS 代码。D 媒体查询，就是根据设备和特性不同，选择执行不同的 CSS 代码。
参考答案：（必须以选项文字为准！）A,D 编程题（共
5 题，共
20 分）
1. 从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：
定义一个表格，一共 2 行四列。其中，第一行第一个格，向下跨2 行，且内容顶端对齐。第二行第二个单元格位置的格，向右跨 3 行，且内容居左对齐：
<table> <tr> <td
①
<td></td> <td></td> <td></td> </tr> <tr> <td
③
</tr> </table>
②
></td>
④
></td> 其中:①和③请选择不规则表格相关的属性 ②和④请选择内容对齐方式[答案选项] a．colspan=”2” b．rowspan=”2” c．colspan=”3” d．rowspan=”3” e．align=”right” f. valign=”top” g．align=”top” h. valign=”right”
请填写：①：
b
②：
f
③：
c
④：
空 1：
参考答案：（必须以选项文字为准！）B;b;Ｂ;ｂ 空 2：
参考答案：（必须以选项文字为准！）f;F;Ｆ;ｆ 空 3：
参考答案：（必须以选项文字为准！）C;c;Ｃ;ｃ 空 4：
参考答案：（必须以选项文字为准！）ｅ;Ｅ;E;e 1. 从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：
在表单中定义性别，二选一。要求，回发服务器时的变量名为“sex”。且扩大选中区域，点击文字， 也可选中选项：
<form> <
①
><input type=”
②
” <
①
><input type=”
②
”
③
=”sex”
③
=”sex”
④
=”1”>男</
①_>
④
=”0”>女</
①_> e
</form> [答案选项] a．id b．name c．title d．value e．radio f．checkbox g．p h. label
请填写：①：
h
②：
e
③：
b
④：
空 1：
参考答案：（必须以选项文字为准！）H;h;Ｈ;ｈ 空 2：
参考答案：（必须以选项文字为准！）ｅ;Ｅ;E;e 空 3：
参考答案：（必须以选项文字为准！）B;b;Ｂ;ｂ 空 4：
参考答案：（必须以选项文字为准！）d;D;Ｄ;ｄ 1. 从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：
定义登录对话框，使其显示在文档显示区中心，且不随页面滚动而滚动。已知登录对话框宽 310px， 高 380px。
请在下列 CSS 中补充选择器和 css 属性：
<style> #loginform{ width:310px; height:380px;
①
②
margin-top:
③
; margin-left:
④
; } </style> [答案选项] a．-190px b．top:50%; left:50%; c．position: absolute; d．-155px e．position: fixed; f．top:190px; left:155px; g．190px; h．155px;
请填写：①：
e
②：
b
③：
a
④：
空 1：
参考答案：（必须以选项文字为准！）ｅ;Ｅ;E;e 空 2：
参考答案：（必须以选项文字为准！）B;b;Ｂ;ｂ 空 3：
参考答案：（必须以选项文字为准！）ａ;Ａ;A;a 空 4：
参考答案：（必须以选项文字为准！）d;D;Ｄ;ｄ 1. 从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整定义 var.less 文件，其中声明两个变量保存字体大小和颜色值 再定义 index.less 文件，其中引入 var.less 中基础变量，并使用基础变量代码如下：
/*var.less 文件中:*/ d
d
_①
:#e4393c; _②
:12px; /*index.less 文件中*/ _③
; h1{ background-color: _①
;//使用变量color:#fff; font-size: _④
} //将字体在标准字体基础上放大一倍 [答案选项] a. var red b．@red c．!important “var.less” d．@fontSize e. $fontSize f. @import “var.less” g．@fontSize*2 j．font-size*2
请填写：①：
b ②：
d
③：
f
④：
空 1：
空 2：
空 3：
空 4：
1. 参考答案：（必须以选项文字为准！）
B;b;Ｂ;ｂ 参考答案：（必须以选项文字为准！）
d;D;Ｄ;ｄ 参考答案：（必须以选项文字为准！）
F;f;Ｆ;ｆ 参考答案：（必须以选项文字为准！）
G;g;Ｇ;ｇ
g
从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整 需求图片：
代码如下：
<form class=”
①
”> <div class=”
②
”> <label class=”_③
” for=”uname”>用户名</label> <input id=”uname” placeholder=”请输入用户名” class=”
④
”> </div> </form> [答案选项] a．form b．form-inline c．form-control d．form-group e．sr-only f．group g．sr j．control 请填写：①：
b
②：
d
③：
e
④：
c
空 1：
空 2：
空 3：
空 4：
参考答案：（必须以选项文字为准！）
B;b;Ｂ;ｂ 参考答案：（必须以选项文字为准！）
d;D;Ｄ;ｄ 参考答案：（必须以选项文字为准！）
ｅ;Ｅ;E;e 参考答案：（必须以选项文字为准！）
C;c;Ｃ;ｃ
推荐访问:2022年电大Web开发基础-0002 电大 基础 开发