大学MOOC HTML5移动应用开发(揭阳职业技术学院)1452235192 最新慕课完整章节测试答案
CSS3布局与移动端适应
CSS3布局与移动端适应——单元测验
1、单选题：
下面那个不属于box-sizing的属性值：
选项：
A: content-box
B: border-box
C: inherit
D: none
答案: 【 none】
2、单选题：
flex-wrap 属性规定flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向，下面哪一种不是它的取值。
选项：
A: nowrap
B: nowrap-reverse
C: wrap-reverse
D: wrap
答案: 【 nowrap-reverse】
3、单选题：
若html根元素的font-size值为18px，则1.5rem=（）px
选项：
A: 27
B: 18
C: 3
D: 4.5
答案: 【 27】
4、单选题：
若设置div的宽度为2rem，html根元素默认字体大小为16px，则div的实际宽度值为（）px
选项：
A: 30
B: 32
C: 36
D: 48
答案: 【 32】
5、单选题：
根元素html的默认字体大小是（）
选项：
A: 12px
B: 16px
C: 18px
D: 20px
答案: 【 16px】
6、单选题：
以下viewport属性用于设置是否允许用户缩放页面的是（）
选项：
A: scalable
B: user-scalable
C: initial-scale
D: maximum-scale
答案: 【 user-scalable】
7、单选题：
下列（）个属性用于定义视口的初始缩放值
选项：
A: initial-scale
B: minimum-scale
C: maximum-scale
D: user-scalable
答案: 【 initial-scale】
8、单选题：
rem是相对于（）元素font-size计算值的倍数
选项：
A: html
B: body
C: 父元素
D: head
答案: 【 html】
9、单选题：
以下关于CSS3媒体查询功能的描述正确的是（）
选项：
A: 为不同的设备基于它们的能力定义不同的样式
B: 须使用javascript来确定每个用户的浏览器的属性和功能
C: 所有浏览器支持该功能
D: 布局相较于以前更加规范
答案: 【 为不同的设备基于它们的能力定义不同的样式】
10、单选题：
媒体查询设备类型中（）用于小型或手持设备
选项：
A: screen
B: handheld
C: print
D: braille
答案: 【 handheld】
11、单选题：
响应式网页设计针对的终端有（）
选项：
A: PC
B: Android
C: :iPhone
D: A、B、C都对
答案: 【 A、B、C都对】
12、单选题：
以下关于视口常用属性的说法，错误的是（）
选项：
A: minimum-scale用于设定最大缩小比例（0-10）
B: width用于设定布局视口宽度;C:height用于设定布局视口高度
C: height用于设定布局视口高度
D: user-scalable用于设定用户是否可以缩放（yes/no）;
答案: 【 minimum-scale用于设定最大缩小比例（0-10）】
CSS3转换、过渡与动画
CSS3转换、过渡与动画——单元测验
1、单选题：
关于关键帧，下面说法不正确的是（ ）
选项：
A: 可以使用关键字from和to定义关键帧的位置
B: 在实现Animation动画时，需要先定义关键帧
C: 可以使用百分比定义关键帧的位置
D: 所有浏览器都支持
答案: 【 所有浏览器都支持】
2、单选题：
下面哪个属性用于指定对象动画延迟的时间（ ）
选项：
A: animation-name
B: animation-timing-function
C: animation-play-state
D: animation-delay
答案: 【 animation-delay】
3、单选题：
下面哪个属性用于指定动画的播放次数（ ）
选项：
A: animation-name
B: animation-delay
C: animation-iteration-count
D: animation-play-state
答案: 【 animation-iteration-count】
4、单选题：
以下哪个不是关键帧的时间单位（）
选项：
A: from
B: %0
C: to
D: 1px
答案: 【 1px】
5、单选题：
下列（）属性用于指定是否应该轮流反向播放动画
选项：
A: animation-play-state
B: animation-direction
C: animation-delay
D: animation-duration
答案: 【 animation-direction】
6、单选题：
animation-timing-function表示动画从头到尾的速度是相同的属性值是（）
选项：
A: linear
B: ease
C: ease-in
D: ease-out
答案: 【 linear】
7、单选题：
以下（）属性用于设置动画的执行时间
选项：
A: animation-duration
B: animation-delay
C: animation-fill-mode
D: animation-play-state
答案: 【 animation-duration】
8、单选题：
要实现在X轴倾斜30度，下面正确的是（）
选项：
A: skew(30deg,30deg)
B: skewY(3deg)
C: skew(0,30deg)
D: skewX(30deg)
答案: 【 skewX(30deg)】
9、单选题：
下列属性指定了过渡动画的动画时间曲线的是：
选项：
A: transition-property
B: transition-duration
C: transition-timing-function
D: transition-delay
答案: 【 transition-timing-function】
10、单选题：
transition过渡动画使用时，其第一个参数指定了过渡动画的：
选项：
A: 属性
B: 延时时间
C: 动画时长
D: 过渡的时间曲线
答案: 【 属性】
11、单选题：
2D转换中要使元素X轴拉伸30度，下列写法正确的是：
选项：
A: transform:skew(30deg)
B: transform:scale(30deg)
C: transform:skew(30turn)
D: transform:scale(30deg)
答案: 【 transform:skew(30deg)】
12、单选题：
2D平移变换使用的函数是：
选项：
A: rotate
B: scale
C: translate
D: skew
答案: 【 translate】
13、单选题：
要使元素旋转90度，下列样式的写法正确是？
选项：
A: transform:rotate(90deg)
B: transform:rotate(90turn)
C: rotate:transform(90deg)
D: rotate:transform(90turn)
答案: 【 transform:rotate(90deg)】