当前位置:首页 > 专题范文 > 公文范文 >

2022年电大Web开发基础-0002

时间:2022-06-26 19:20:03 来源:网友投稿

下面是小编为大家整理的2022年电大Web开发基础-0002,供大家参考。

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 电大 基础 开发