国开《Web开发基础》期末模拟测试题二

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

1.Internet上提供的主要服务有:Telnet、E-mail、( )、FTP。

App

Windows

WWW

W3C

2.在一个less文件中,引入另一个less文件,下列正确的是( )

@import ” variables.less” 

@import url(” variables.less”)

 !import ” variables.less”

 import ” variables.less”

3.不需要动态样式语言,静态样式语言已经具备的特征有:( )

选择器分组

否定伪类

运算

属性选择器

4.物理设备宽比视口宽更能精准确定一个设备的种类。( )

5.下列选项中,设置元素所有属性在2 s内匀速过渡变化正确的是( )

transition: 2s linear all

transition: linear  2s  all

 transition: all 2s linear

 transition: all linear 2s

6.希望修改某个CSS属性值时平缓变化,可使用CSS的( )属性

transform-property

translate-property  

 transform-float

transition-property

7.定义元素的scale属性,可让元素发生缩放

8.希望单击一个a元素,控制另一个元素的样式变化,可使用以下哪种选择器:( )

:hover

 :target

 :active

 :link

9.静态样式语言中虽然有变量,但是无法记性算术运算。( )

10.修改要执行3D变换的元素本身的perspective属性,可调整视距

11.下列可以设置元素在x轴上发生位移的函数是:( )

translate(x)

transform(x)

translateX(x)

 transformX(x)

12.list-style-none样式类可去掉列表项前的标识符号。( )

13.以下设置字体加粗属性正确的是( )。

font-size: bold 

font-weight:bold

font-style:bold

font-family:bold

14.从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整

定义var.less文件,其中声明两个变量保存字体大小和颜色值

再定义index.less文件,其中引入var.less中基础变量,并使用基础变量

代码如下:

/*var.less文件中:*/

___:#e4393c;

___:12px;

/*index.less文件中*/

___;

h1{

  background-color: ___;//使用变量

  color:#fff;

  font-size: ___  //将字体在标准字体基础上放大一倍

}

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!


此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

15.relative(相对定位)可让元素脱离默认文档流,相对于其所在父元素左上角自由定位。()

16.list-style:none和list-style-type:none均可清除列表项标识。( )

17.下列调用动画执行的语句正确的是( )

animation: linear ball 5s infinite alternate;

animation:ball linear infinite alternate;

animation: linear 5s linear infinite alternate;

animation:ball 5s linear infinite;

18.宽100 px的div元素,修改转换原点为右上角,下列属性设置正确的是( )

transform-origin: 100% 0 

transform-origin: 0  100%

transform-origin: 0  100px

transform-origin: left top

19.实现每个项目两端间距相同可设置以下哪个属性:( )

 justify-content: space-around

flex-wrap: wrap

flex-direction: space-around

justify-content: column

20.@import在引入多个less文件时,会增加请求次数。( )

21.下列关于位移属性描述正确的是:( )

left:-20px 是让元素基于当前位置向左移动20px

left: 20px 是让元素基于当前位置向左移动20px

left: -20px 是让元素基于浏览器边框,向左移动20px

left: 20px 是让元素基于浏览器边框,向左移动20px

22.下列哪些值可作为转换原点位置的值:( )

0px

 0

60deg

left

23.为名词匹配正确的含义

transform-origin

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

translate

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

transform

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

perspective

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

transition

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

24.下列属性中,可将元素顺时针旋转45°的是( )

transform: rotate(45)

 transform: rotate(-45)

 transform: rotate(-315deg)

transform:rotate(-45deg)

25.Less既支持多行注释,又支持单行注释,所有注释都会被编译到CSS中。( )

26.相对定位是让元素相对于它在默认文档流中的原始位置偏移一段距离,经常用于对元素位置做微调时使用。( )

27.可设置动画暂停的css属性为:( )

animation-play-state

animat-play-state

animat-play

animation-state

28.相对定位的元素,虽然位置偏离了原位置,但默认文档流中的原位置不释放。( )

29.添加-webkit-前缀不可解决( )浏览器的css属性兼容性问题

新版opera

Chrome

Safari 

Firefox

30.可使用( )属性设置过渡变化的时间

transition

 transition-duration

duration

 transform-duration

31.选择ul元素下所有后代li(既包含直接子元素,又包含更深层后代元素)的选择器是

ul>li

ul li

ul,li

ul~li

32.CSS中用@import引入另一个css文件,会增加请求次数。( )

33.下列设置图片为响应式图片的代码,正确的是( )

<img src=”url” img-responsive>

<img src=”url” class=”img-responsive”>

<img src=”url” responsive>

<img src=”url” class=” responsive”>

34.添加-webkit-前缀不可解决( )浏览器的css属性兼容性问题

新版opera

Chrome

Safari 

Firefox

35.下列选项中,设置元素所有属性在2 s内匀速过渡变化正确的是( )

transition: 2s linear all

transition: linear  2s  all

 transition: all 2s linear

 transition: all linear 2s

36.上外边距溢出,有以下几种预防方法:( )。

为父元素增加上边框

为父元素设置上内边距;

在父元素的第一个子元素位置处,增加空标记。

设置父元素的overflow:hidden

37.Web服务端应用程序开发主要可以使用以下几种编程语言: PHP、ASP.NET等。()

38.文档类型声明:<!DOCTYPE html>说明当前网页使用的是()标准

 HTML4.1

XHTML1.0

XHTML2.0

HTML5

39.为名词匹配正确的含义

<input type=”checkbox”>

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

<textarea>

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

<input type=”file”>

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

<input type=”radio”>

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

<select>

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

40.响应式表单的样式类和栅格系统的样式类完全一样。( )

41.下列在less中定义变量的语法正确的是( )

red:#e4393c;

@red=#e4393c;

@red:#e4393c;

red=#e4393c;

42.下列关于Bootstrap表单描述正确的是:( )

表单元素input设置class为form-control

标签元素label设置class为control-label

表单中的每组输入项(label+input+span)都包含在class为form-group的小容器元素中

表单中的每组输入项(label+input+span)都包含在class为form-control的小容器元素中

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

44.物理设备宽比视口宽更能精准确定一个设备的种类。( )

45.下列关于视距描述正确的是:( )

视距越远,元素在显示器投影平面上的像越小

视距越远,元素在显示器投影平面上的像越大

如果希望三维转换越明显,应增大视距

如果希望三维转换越明显,应缩小视距

46.下列代码可以定义flex容器x为主轴,从左向右排列,且如果放不下就换行继续从左向右排列的是:( )。

flex: row  wrap

 flex: wrap row

 flex-flow: row wrap

 flex-flow: wrap row

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

48.设置元素的background-image属性,取值为一个radial-gradient()命令,可实现径向渐变

49.以下关键字组合中,等效于设置线性渐变角度为45°的是( )

to top left

to top right

 to left

to right

50.为名词匹配正确的含义

text-capitalize

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

table-striped

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

list-unstyled

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

text-center

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

list-inline

此内容查看价格为3金币,请先
如有问题,请联系微信客服解决!

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码