网页设计与制作（HTML+CSS+JS）-3期（KC003） 运用特殊效果 网页设计与制作html5+css3+JavaScript第九章--习题.docxVIP

9-1. 如果在一个页面中的CSS如下：body{font:14px/1.5 微软雅黑;} p{margin:0;padding:5px 10px;background:#eee;text-indent: 2em;} .test{border:1px solid #333333;padding: 10px;columns:200px ;} 试问，当网页中的段落字数足够且段落采用test这个样式时，该段落在网站中显示为几列？ A.1列 B. 4列 C.8列 D.根据浏览器当前的尺寸自动适应列数 9-2. 以下哪个属性是用来设置列与列之间的间隙的? A.Column-rule b.Column-gap C.Column-span D.Column-count 9-3.以下不是transform-function的常用函数的是？ A.translate B.rotate C.matrix D.word-wrap 9-3-2. 下面哪一个函数是旋转效果？ A．transform B. rotate C. translate D.scale 9-4. transform：translate（50%）的含义是什么？ 水平向右移动元素宽的50% 水平向右移动元素宽的50%，垂直向下移动元素高的50% 水平向左移动元素宽的50% 水平向左移动元素宽的50%，垂直向上移动元素高的50% 9-5. transform：scale（0.8）的含义是什么？ 元素的宽缩小为原来的80% 元素的宽和高均缩小到为80px 元素的高缩小为原来的80% 元素的宽和高均缩小为原来的80% 9-6. 元素顺时针旋转45的正确写法是？ transform：rotate（45deg） transform：rotate（-45deg） transform：rotate（135deg） transform：rotate（-135deg） 9-7. 一个元素要实现斜切效果，元素以X轴顺时针转动45度，以Y轴顺时针转动45度，那么以下正确的代码为？ A.transform：skew（45deg,45deg） B.transform：skew（-45deg,-45deg） C.transform：skew（45deg,-45deg） D.transform：skew（-45deg,45deg） 9-8.以下哪段代码是将元素中心点设置为右上角？ A. transform-origin：50% 50% B. transform-origin：100% 100% C. transform-origin：right top D. transform-origin：left top 9-10，以下哪张图是transform：rotateY（30deg）的效果 A. B. C. D. 9-11. “transform:rotate3d(0,1,0,45deg)”的涵义是？ A. 元素表示沿着X轴顺时针旋转45度 B. 元素表示沿着Y轴顺时针旋转45度 B. 元素表示沿着Y轴逆时针旋转45度 C. 元素表示沿着Z轴逆时针旋转45度 9-12. 以下哪个属性是过渡效果 A. transform B. transition C.animation D.@keyframes 9-13.以下哪个属性是设置过渡时间 A. transition-property B. transition-timing-function C. transition-duration D. transition-delay 9-14 . transition-timing-function属性的默认值 ease 的效果是 A. 指定以相同速度（匀速）开始至结束的过渡效果 B. 指定以慢速开始，然后逐渐加快 C. 指定以慢速开始，然后加快，最后慢慢结束的过渡效果 D. 指定以慢速开始和结束的过渡效果 9-15. 关于transition-delay属性，以下说法错误的是？ A. transition-delay的属性值为0时，则过渡动作没有延迟效果 B. transition-delay的属性值为正数，则过渡动作会被延迟触发 C. transition-delay的属性值为负数，则过渡动作没有延迟效果 D. transition-delay的属性值为负数，则过渡动作再在该时间点开始，之前的动作被截断 9-16. 以下哪一个是transition复合属性的正确写法： A. transition : property duration timing-functi