第六章测验
一、单选题 (共 100.00 分)
1. 如果想对一个div块元素的宽度属性设置一个2s的过渡效果,相应的CSS属性应该如何写( )。
A. animation: width 2s;
B. transition: width 2s;
C. transition: 2s width;
D. transition: div width 2s;
正确答案: B
2. 如果希望一个以慢速开始,然后加快,最后慢慢结束的过渡效果,应该使用什么过渡模式?( )。
A. ease
B. ease-out
C. ease-in
D. ease-in-out
正确答案: A
3. 对3D物体进行操作时,有x,y,z三个轴的方向,Y轴的正方向是什么方向?( )。
A. 竖直向上
B. 竖直向下
C. 向屏幕外
D. 向屏幕内
正确答案: B
4. 下列那个属性可以为div元素添加阴影边框( )。
A. border-radius
B. box-shadow
C. border-image
D. border-style
正确答案: B
5. 下列关于border-image属性说法错误的是:( )。
A. 可以给元素边框添加背景图片。
B. border-image属性可以设置边框图像的重复、拉伸等效果。
C. 当使用border-image-slice属性时,需要指出上右下左的剪裁宽度的单位。
D. order-image-repeat:设置指定边框图片的覆盖方式。
正确答案: C
6. 下列哪个选项表示用省略标记(...)标示对象内文本的溢出( )。
A. text-overflow: clip
B. text-overflow: ellipsis
C. text-overflow:hidden
D. text-overflow:overflow
正确答案: B
7. 正确给文本添加阴影的是( )。
A. box-shadow
B. border
C. margin
D. text-shadow
正确答案: D
8. 关于下列代码,描述错误的是( )。
div{
animation: mymove 5s;
}
@keyframesmymove
{borderbox
from {background: red;}
to {background: yellow;}
}
A. 动画名称为mymove,并将其绑定在div元素上
B. 时长:5 秒
C. 关键词 "from" 和 "to",等同于 0% 和 100%
D. 当使用按animation属性可以忽略时长,使用默认时长
正确答案: D
9. 以下关于Flex说法错误的是( )。
A. 设为Flex布局以后,子元素的float、clear和vertical-align属性不会改变
B. 所有子元素自动成为容器成员,称为Flex项目
C. 子元素可以在各个方向上进行布局,并且能以弹性尺寸来适应显示空间
D. Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性
正确答案: A
10. 使用CSS的flexbox布局,不能实现以下哪一个效果( )。
A. 实现三列布局,并且随容器宽度等宽弹性伸缩
B. 实现多列布局,且每列的高度按内容最高的一列等高
C. 实现三列布局,且左列宽度像素数确定,中、右列随容器宽度等宽弹性伸缩
D. 实现多个宽高不等的元素,且实现无缝瀑布流布局
正确答案: D
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论