下面是小编为大家整理的2022年电大Web开发基础-0002,供大家参考。
配伍题( 共
3 3
题,共
15
分 )
Web
开发基础 -0002
1. 请为元素①-⑤选择右侧最合适的使用场景,将配对好的 a-e 填写到括号中
①:
空 1:
参考答案:(必须以选项文字为准!)C;c;C;c 空 2:
参考答案:(必须以选项文字为准!)a;A;A;a 空 3:
参考答案:(必须以选项文字为准!)e;E;E;e 空 4:
参考答案:(必须以选项文字为准!)B;b;B;b 空 5:
参考答案:(必须以选项文字为准!)d;D;D;d 1. 请为下列属性①-⑤选择右侧最合适的解释,将配对好的 a-e 填写到括号中
①:
b
②:
c
③:
d
④:
a
⑤:
空 1:
参考答案:(必须以选项文字为准!)B;b;B;b 空 2:
参考答案:(必须以选项文字为准!)C;c;C;c 空 3:
参考答案:(必须以选项文字为准!)e;E;E;e 空 4:
参考答案:(必须以选项文字为准!)a;A;A;a 空 5:
参考答案:(必须以选项文字为准!)e;E;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;C;c 空 2:
参考答案:(必须以选项文字为准!)d;D;D;d 空 3:
参考答案:(必须以选项文字为准!)a;A;A;a 空 4:
参考答案:(必须以选项文字为准!)e;E;E;e 空 5:
参考答案:(必须以选项文字为准!)B;b;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;B;b 空 2:
参考答案:(必须以选项文字为准!)f;F;F;f 空 3:
参考答案:(必须以选项文字为准!)C;c;C;c 空 4:
参考答案:(必须以选项文字为准!)e;E;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;H;h 空 2:
参考答案:(必须以选项文字为准!)e;E;E;e 空 3:
参考答案:(必须以选项文字为准!)B;b;B;b 空 4:
参考答案:(必须以选项文字为准!)d;D;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;E;e 空 2:
参考答案:(必须以选项文字为准!)B;b;B;b 空 3:
参考答案:(必须以选项文字为准!)a;A;A;a 空 4:
参考答案:(必须以选项文字为准!)d;D;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;B;b 参考答案:(必须以选项文字为准!)
d;D;D;d 参考答案:(必须以选项文字为准!)
F;f;F;f 参考答案:(必须以选项文字为准!)
G;g;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;B;b 参考答案:(必须以选项文字为准!)
d;D;D;d 参考答案:(必须以选项文字为准!)
e;E;E;e 参考答案:(必须以选项文字为准!)
C;c;C;c
推荐访问:2022年电大Web开发基础-0002 电大 基础 开发