8. 以下代码，正确表示表单中的复选框的是？（ ）

参考答案:

9. 以下代码，正确表示表单中只能输入数字输入框的是？（ ）

参考答案:

10. 以下哪些标签应该在HTML文档的头部（head标签内）出现？（

参考答案:

6. id选择器样式表的优先级高于类选择器。（ ）

参考答案:

对

7. 表示通配选择符（全局选择符）的代码是？（ ）。

参考答案:

*

第三章测试

1. 要设置HTML元素的文字大小，应选择的属性是（ ）。

参考答案:

font-size

2. 以下表示设置文字颜色的CSS代码，正确的有（ ）。

参考答案:

color: #f00;color: #ff0000;color: red

3. text-shadow属性用于设置文本的阴影。“text-shadow: -3px -3px 10px

#000; ”表示阴影偏移的方向是（ ）。

参考答案:

左上

4. CSS标准盒模型由如下部分构成（ ）。

参考答案:

填充padding;边框border;内容content;外边距（边界）margin

5. “overflow: hidden;”表示当内容超出元素边界时，内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。（ ）

参考答案:

错

6. “border-width: 3px 8px 10px;”表示左边框的粗细是（ ）。

参考答案:

8px

7. 把百分比作为元素的padding属性值时，该百分比的计算是基于（

参考答案:

父元素的宽度

）。

8. 当一个HTML元素的box-sizing为border-box时，我们增加这个元素的填充padding和边框border的大小，元素的内容区会变小，但是整个元素的大小会保持不变。（ ）

参考答案:

对

9. 用于设置图片平铺模式的属性是（ ）。

参考答案:

background-repeat

10. 把元素转换为行内块元素的代码是（ ）。

参考答案:

display:inline-block

第四章测试

1. 以下文字，描述的是哪一种定位方式？

对象脱离普通文档流，使用 “top”、“right”、“bottom”、“left”等属性进行绝对定位，盒子的偏移位置不影响普通文档流中的任何元素，其margin不与其他任何margin折叠。（ ）

参考答案:

position: absolute;

2. 设置对象左浮动的CSS代码是（ ）。

参考答案:

float:left;

3. 以下哪种方式是固定定位。（ ）

参考答案:

position:fixed;

4. 关于z-index，下列说法错误的是（ ）。

参考答案:

z-index值越小，优先级越高，越在上层。

5. CSS中clear的作用是（ ）。

参考答案:

指明该元素周围不可出现浮动元素

第五章测试

1. “@media (max-width:500px)”指定的媒体查询条件是（ ）。

参考答案:

屏幕宽度小于等于500px

2. 在@media媒体查询语句中，表示“或”的逻辑操作符是（ ）。

参考答案:

逗号“,”

3. 指定设备类型仅为屏幕设备的媒体查询语句是（ ）。

参考答案:

@media only screen

4. 根据Bootstrap3的建议，介于平板电脑（小屏幕）和桌面显示器（中等屏幕）之间的响应式布局切换断点数值是（ ）。

参考答案:

992px

5. 在响应式网页布局中，“移动设备优先”策略是指：先完成PC端的CSS布局样式，再完成移动端的CSS布局样式。（ ）

参考答案:

错

6. 可以限制元素最大宽度的属性是（ ）。

参考答案:

max-width

第六章测试

1. 要进行弹性布局，首先要将容器的display属性设置为（ ）。

参考答案:

flex

2. 用于设置弹性项目（子元素）在弹性容器主轴上排列对齐方式的属性是（ ）。

参考答案:

justify-content

3. 以下属于弹性容器属性的是（ ）。

参考答案:

align-items;flex-wrap;align-content;justify-content

4. 给弹性容器添加“align-items:flex-end;”的效果是（ ）。

参考答案:

子元素向侧轴结束位置对齐

5. 将弹性容器的flex-direction属性值设置为column后，子元素会横向从左到右排列。（ ）

参考答案:

错

6. 复合属性flex可以一次声明多个属性，包括（ ）。

参考答案:

flex-grow;flex-basis;flex-shrink

7. 给弹性容器中的子元素设置“flex: 5”表示该子元素的扩展比率flex-grow值为5。（ ）

参考答案:

对

8. 当弹性容器的主轴是横向且容器中有多个子元素时，设置“justify-content: space-between”，可以使开头和结尾的两个子元素，分别紧贴在主轴的起始位置和结束位置。（ ）

参考答案:

对

第七章测试

1. REM布局的优势，就是通过等比例缩放来实现屏幕适配。（ ）

参考答案:

对

2. REM就是HTML根元素的字体大小。（ ）

参考答案:

对

3. 在页面调用阿里巴巴手机淘宝团队的lib-flexible库文件之后，如果拿到的设计稿宽度是640像素，此时，在HBuilder的“px转REM比例”设置中，应填入的数值是（ ）。

参考答案:

64

4. 在页面调用阿里巴巴手机淘宝团队的lib-flexible库文件之后，通过一台手机访问页面，假设手机屏幕宽度分比率是320像素，此时，在CSS中设置的1REM，是多少像素（ ）。

参考答案:

32

5. 在HBuilder中，将某个属性的属性值设置为750px，HBuilder会提示将该数值转换为（ ）。

参考答案:

由HBuilder“编辑器设置”中的“px转REM比例”数值决定

第八章测试

1. 下面哪个选项不是transform属性实现的变换。（ ）

参考答案:

过渡

2. 下面实现2D旋转正确的是（ ）。

参考答案:

transform:rotate(30deg)

3. 应用transform属性的scale( )函数可以实现缩放，下面说法不正确的是（ ）。

参考答案:

参数值大于1时表示缩小元素

4. 下面哪个函数是用于实现平移的。（ ）

参考答案:

translate( )

5. 要实现仅在X轴倾斜30度，下面正确的是（

参考答案:

skewX(30deg)

）。

第九章测试

1. 关于bootstrap，以下说法正确的是（ ）

参考答案:

Bootstrap依赖于jQuery，因此如果没有jquery的文件，则bootstrap的效果也不能在页面呈现出来。

2. 下面可以实现列偏移的类是（ ）

参考答案:

.offset-md-*

3. 模态框提供了哪些尺寸（ ）

参考答案:

modal-sm modal-lg

4. 要使用bootstrap的样式和插件，必须要在网页文件中引入jQuery和等必要的组件。（ ）

参考答案:

对