国家开放大学Web的工作方式 - 自考题库

出自:国家开放大学Web的工作方式

定义元素的scale属性，可让元素发生缩放

scale(value)中，缩放比例value的默认值为0，表示不缩放。若value>0，表示放大；若value<0，表示缩小

定义元素的transform属性时执行rotate()函数，可让元素发生旋转

定义元素的rotate属性，可让元素发生旋转

rotate(ndeg)中，若n为正，顺时针旋转；若n为负，逆时针旋转。

设置过渡速度变化曲线为:easy-in，表示慢速开始，加速结束。

设置过渡速度变化曲线为: ease-out, 表示慢速开始，加速结束。

过渡速度变化曲线的默认值为:ease，表示从慢速开始，快速变快，最后慢速结束。

@keyframes定义的动画会在页面加载时，自动执行，无需调用。

1.以下关键字组合中，等效于设置线性渐变角度为45°的是（）。
A.to top left B. to top right C. to left D. to right

2.以下关于线性渐变描述正确的是:（）。
A.线性渐变就是延水平方向填充渐变色
B.线性渐变就是延垂直方向填充渐变色
C.线性渐变就是以直线的方向来填充渐变色
D.线性渐变就是以圆心为中心，延半径向外渐变

3.设置按钮背景色自上向下渐变，从顶部白色渐变到底部银色，下列写法正确的是（）。
A.background-image: linear-gradient(to bottom, #f0f0f0 0%, #e0e0e0 100%);
B.background-image: linear-gradient(to bottom, 0% #f0f0f0, 100% #e0e0e0);
C.background-image: linear-gradient(to bottom, 0%, #f0f0f0, 100%, #e0e0e0);
D.background-image: linear-gradient(to bottom, #f0f0f0, 0%, #e0e0e0, 100%);

4.添加-webkit-前缀不可解决（）浏览器的css属性兼容性问题。
A.新版opera B. Chrome C. Safari D. Firefox

5.解决Firefox浏览器的css属性兼容性问题，可添加（）前缀。
A.-webkit- B. -moz- C. -o- D. -ms-

6.宽100 px的div元素，修改转换原点为右上角，下列属性设置正确的是（）。A
A.transform-origin: 100% 0 B. transform-origin: 0 100%;
C. transform-origin: 0 100px D. transform-origin: left top;

8.下列属性中，不能将元素右移100 px的设置是（）。
A.transform: translateX(100px) B. translateX : 100px
C. transform: translate(100px) D. margin-left:100px

9.下列属性中，可将元素顺时针旋转45°的是（）。
A.transform: rotate(45) B. transform: rotate(-45)
C. transform: rotate(-315deg) D. transform:rotate(-45deg)

10.设置元素的transform属性和box-shadow属性，在2 s内过渡变化，正确的是（）。
A.transition-property: transform box-shadow; transition-duration: 2s;
B.transition-property: transform,box-shadow; transition-duration: 2s;
C.transition-property: transform 2s box-shadow 2s;
D.transition-property: transform box-shadow 2s;

11.希望修改某个CSS属性值时平缓变化，可使用CSS的（）属性。
A.transform-propertyB. translate-property C. transform-float D. transition-property

12.可使用（）属性设置过渡变化的时间。
A.transition B. transition-duration C. duration D. transform-duration

13.下列选项中，设置元素所有属性在2 s内匀速过渡变化正确的是（）。
A.transition: 2s linear all B. transition: linear 2s all
C. transition: all 2s linear D. transition: all linear 2s

14.定义复杂动画，实现一个div顺时针旋转一周，正确的是（）。
A.@keyframe myRotate{
0%{ transform: rotate(0deg) },
100%{ transform: rotate(360deg) }
}
B.@keyframes myRotate{
0%{ transform: rotate(0deg) }
100%{ transform: rotate(360deg) }
}
C.@keyframes myRotate(
0%{ transform: rotate(0deg) }
100%{ transform: rotate(360deg) }
)
D. @keyframe myRotate(
0%{ transform: rotate(0deg) },
100%{ transform: rotate(360deg) }

15.下列调用动画执行的语句正确的是（）。
A.animation: linear ball 5s infinite alternate;
B.animation:ball linear infinite alternate;
C.animation: linear 5s linear infinite alternate;
D. animation:ball 5s linear infinite;

16.可设置动画暂停的css属性为:（）。
A.animation-play-state B. animat-play-state C. animat-play D. animation-state

下列属于渐变分类的是:（）。
A. 线性渐变 B.径向渐变 C. 重复渐变 D. 水平渐变

以下设置渐变角度的语法正确的是:（）。
A. to top B. top C. 60° D. 60deg

下列哪些值可作为转换原点位置的值：（）。
A. 0px B. 0 C. 60deg D. left

下列可以设置元素在x轴上发生位移的函数是:（）。
A. translate(x) B. transform(x) C. translateX(x) D. transformX(x)

下列可分别设置元素在x轴和y轴两个方向上的缩放比例的是：（）。
A. scale(value) B. scale(x,y) C. scaleX(x)和scaleY(y) D. scale必须等比例缩放

下列关于视距描述正确的是:（）。
A.视距越远，元素在显示器投影平面上的像越小。
B. 视距越远，元素在显示器投影平面上的像越大
C.如果希望三维转换越明显，应增大视距
D. 如果希望三维转换越明显，应缩小视距

以下属性值中可用于设置过渡速度变化曲线的值有:（）。
A. linear B. ease-in C. eary-in D. easy-out

静态样式语言中虽然有变量，但是无法记性算术运算

编译是指将浏览器不认识的Less语言代码转换为CSS语言代码的过程

Less既支持多行注释，又支持单行注释，所有注释都会被编译到CSS中

@import在引入多个less文件时，会增加请求次数

用@import引入另一个.less文件，执行过程同CSS中用@import引入另一个css文件原理完全相同

CSS中用@import引入另一个css文件，会增加请求次数。

1.下列引入并在客户端编译less的代码正确的是（）。
A.<link rel="stylesheet" href="css/index.less">
<script src="js/less.min.js"></script>
B.<link rel="stylesheet/less" href="css/index.less">
<script src="js/less.min.js"></script>
C.<script src="js/less.min.js"></script>
<link rel="stylesheet/less" href="css/index.less">
D.<script src="js/less.min.js"></script>
<link rel="stylesheet" href="css/index.less">

2.下列在less中定义变量的语法正确的是（）。
A.red:#e4393c; B. @red=#e4393c; C. @red:#e4393c; D. red=#e4393c;

3.下列使用变量正确的是（）。
A.background-color:@red; B. background-color=red;
C. background-color=@red; D. background-color:red;

4.公共类型.m-p-0，可帮元素设置margin和padding属性，但暂时不知道margin和padding的值，下列代码正确的是（）。
A. .m-p-0(m,p){margin:m; padding:p } B. .m-p-0(m p){margin:m; padding:p}
C. .m-p-0(@m,@p){margin:m,padding:p} D. .m-p-0(@m,@p){margin:@m, padding:@p}

5.下列混入时传入参数的代码正确的是（）。
A.h1{ .m-p-0(10,10); … …} B. h1{ .m-p-0: 10 10; … …}
C. h1{ .m-p-0(10px,10px); … …} D. h1{ .m-p-0：(10px,10px); … …}

6.在一个less文件中，引入另一个less文件，下列正确的是（）。
A.@import " variables.less" B. @import url(" variables.less")
C. !import " variables.less" D. import " variables.less"

以下属于动态样式语言具备而静态样式语言不具备的特征有:（）。
A. 变量 B. 否定伪类 C. 选择器 D. 运算

不需要动态样式语言，静态样式语言已经具备的特征有:（）。
A. 选择器分组 B.否定伪类 C.运算 D.属性选择器

下列对于less提供的内置函数描述正确的是:（）。
A. ceil(值)——取整
B. lighten(颜色值,百分百)——把指定颜色变亮；
C.image-width(宽度)——设置指定图片宽度
D.image-height(图片路径)——返回指定图片高度

从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整
定义var.less文件，其中声明两个变量保存字体大小和颜色值
再定义index.less文件，其中引入var.less中基础变量，并使用基础变量
代码如下：
/*var.less文件中:*/
_①__:#e4393c;
_②__:12px;
/*index.less文件中*/
_③__;
h1{
background-color: _①__;//使用变量
color:#fff;
font-size: _④__ //将字体在标准字体基础上放大一倍
}
[答案选项]
a. var red
b．@red
c．!important “var.less”
d．@fontSize
e．$fontSize
f．@import “var.less”
g. @fontSize*2
j. font-size*2
请填写：①： ②： ③： ④：

响应式网页是指，一个网页会根据用户浏览器设备不同而自动改变布局

响应式网页是指，一个网页中包含可与用户交互的功能的网页。

在任何情况下，视口大小总是等于设备宽。

首页 <上一页 2 3 4 5 6 下一页> 尾页