2020年春广东开放大学10239响应式Web程序设计(已更新)考试与答案

第一章响应式网页基础

1. 响应式网页设计最早是由Ethan Marcotte在（）年提出的。

B. 2010

2.如果一个网站在不同的环境下跳转到不同的网址，那么这个网站（）

C. 是自适应的

3. 响应式要求在开发页面时，以（）优先。

D. 移动设备

4.

这个语句表示在（）下内容的显示。

C. 打印预览下

5.以下条件表示在（）时背景颜色的显示设置。@media screen and (max-width: 300px) {body { background-color:lightblue;}

A. 屏幕的宽度最大不超过300像素

第二章响应式网页元素

1.媒体查询要使用（）来定义

B. @media

2. 媒体查询类型中的print表示（）

D. 打印设备

3. 如果要求对所有媒体类型都适用，可以使用（）来指代所有支持的媒体类型

C. all

4.以下媒体查询条件表示（）

@media only screen and (orientation: portrait) { body {background-color: lightblue;}}

B. 设备方向为垂直时显示指定的背景颜色

5.在以下这个语句中的viewport表示屏幕的（）

A. 可视区域

6.如果在当前的div main中设置了其字体为5rem，而当前div又在另一个div中container 中。如果container设置了字体大小的为5rem，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（），而在main中的字体大小就应该是（）。

A. 80px,80px

7.以下语句使用了srcset属性根据屏幕的（）来匹配显示的图像

D. 像素密度

8. 如果在当前的div main中设置了其字体为5em，而当前div又在另一个div中container 中。如果container设置了字体大小的为5em，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（），而在main中的字体大小就应该是（）。

D. 80px，400px

9.以下语句表示当屏幕的宽度大于等于1200px时，图像宽度将显示为（）

B. 当前屏幕宽度的43%

根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（）这个图像。

10.

C. 1_320.jpg

第三章响应式网页布局

1.在固定布局中，每个网页元素的宽度都必须指定为（）像素值

B. 固定大小的

2. 以下代码实现的布局方式是（）

D. 弹性布局

3.在列式网格中，每个元素占用（）网格

C. 一列或多列

4.现在页面布局的方式主要是基于（）的布局方式，一般通过display、float、position等属性控制布局页面。B. 盒子模型

5.在DreamweaverCC的流体网格模板中，在屏幕宽度超过768像素时网页被划分为（）列。 C. 12

6.以下关于flex布局的说法，不正确的是（）

D. 相对于网格布局，flex弹性布局更适合用于大规模的布局

7. flex容器中的main start指的是（）

A. 主轴的开始位置与边框的交叉点

8.以下代码中的flex-flow属性设置了（）.flex-container { display: flex; /*定义弹性布局元*/ flex-flow: row wrap; justify-content: space-around;}

C. 子元素的排列方式和换行方式

第四章响应式网页交互

1.下列在HTML中加载外部JavaScript脚本文件a.js的正确方式是

B. ＜script src="a.js"＞

2. 要获得元素当前指定属性的值，可以使用（）方法。

D. getAttribute

3. (）事件是指将处理事件的JavaScript语句代码直接指定为HTML元素的事件属性值。

A. 静态绑定

4.表单对象的（）事件将在提交表单时触发。C. onsubmit

5.document.write()语句用于（）A. 在浏览器窗口中输出指定内容

6.假如有一个id为usrname的文本框，则语句

“varv=document.getElementById("usrname").value.length”保存的是（）

B. 文本框当前内容的字符串长度

7.BOM对象体系的顶层是（）对象。B. window

8.DOM树的根节点是()A. document

9.关闭当前浏览器窗口的语句可以是（）C. window.close()

10.以下关于DOM树的论述，哪一个不正确() D. 文本节点可以包含子节点