www.bnjyedu.cn 广东理工学院 广东开放大学 百年教育职业培训中心
第一章 响应式网页基础
1. 响应式网页设计最早是由Ethan Marcotte在（）年提出的。 B. 2010
2.如果一个网站在不同的环境下跳转到不同的网址，那么这个网站（） C. 是自适应的
3. 响应式要求在开发页面时，以（）优先。 D. 移动设备
4.
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属性根据屏幕的（）来匹配显示的图像
8. 如果在当前的div main中设置了其字体为5em，而当前div又在另一个div中container中。如果container设置了字体大小的为5em，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（），而在main中的字体大小就应该是（）。 D. 80px，400px
9.以下语句表示当屏幕的宽度大于等于1200px时，图像宽度将显示为（）
根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（）这个图像。 10.
www.bnjyedu.cn 广东理工学院 广东开放大学 百年教育职业培训中心
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=\＞
2. 要获得元素当前指定属性的值，可以使用（）方法。 D. getAttribute
3. (）事件是指将处理事件的JavaScript语句代码直接指定为HTML元素的事件属性值。 A. 静态绑定
4.表单对象的（）事件将在提交表单时触发。C. onsubmit
5.document.write()语句用于（）A. 在浏览器窗口中输出指定内容 6.假如有一个id为usrname的文本框，则语句
“varv=document.getElementById(\保存的是（） B. 文本框当前内容的字符串长度
7.BOM对象体系的顶层是（）对象。B. window 8.DOM树的根节点是()A. document
9.关闭当前浏览器窗口的语句可以是（）C. window.close()
10.以下关于DOM树的论述，哪一个不正确() D. 文本节点可以包含子节点
第五章 响应式网页框架
相关推荐：
loading