国开电大《Web开发基础》形考任务作业期末模拟测试题一、二试题及参考资料

1.先后顺序定义三个div:div1,div2,div3。div2向左浮动,div1和div3向右浮动,结果从左向右三个div的顺序依次是()。

d1d2d3

d2d1d3

d2d3d1

d1d3d2

2.转换原点是指在转换过程中,距离旋转圆心最远的一点

对

错

3.bootstrap.less文件中包括:()

变量

全局样式类

组件样式类

对其它less文件的引用

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

<imgsrc=”url”img-responsive>

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

<imgsrc=”url”responsive>

<imgsrc=”url”class=”responsive”>

5.视口的尺寸可以随意指定,且视口与显示设备的物理分辨率无关。()

对

错

6.视口在手机端和在PC端都默认始终通过缩小网页方式,全部显示网页内容。()

对

错

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

新版opera

Chrome

Safari‖

Firefox

8.PC设备显示器下,让class为box的元素背景为红色,下列代码正确的是()。

.@mediascreenand(min-width:992px){background:red;}

@mediascreenand(min-width:768px){.box{background:red;}}

@mediascreenand(min-width:992px){.box{background:red;}}

box{@mediascreenand(min-width:768px){background:red;}}

9.下列关于vertical-align属性描述正确的是:()

可设置表格元素的内容在水平方向上的对齐方式

可设置img元素左右两侧的文本在垂直方向的对齐方式

可设置img元素在其父元素内水平方向的对齐方式

可设置div元素的内容在垂直方向的对齐方式

10.用opacity设置透明度,仅影响所在元素,不影响子元素。()

对

错

11.所有元素都有vertical-align属性,可设置内容垂直方向居中。()

对

错

12.<from>元素用来定义一个表单整体,其中包含多种表单元素,用于收集用户的各种信息;()

对

错

13.公共类型.m-p-0,可帮元素设置margin和padding属性,但暂时不知道margin和padding的值,下列代码正确的是()

.m-p-0(m,p){margin:m;padding:p}

.m-p-0(mp){margin:m;padding:p}

.m-p-0(@m,@p){margin:m,padding:p}

.m-p-0(@m,@p){margin:@m,padding:@p}

14.根据媒体查询执行不同CSS文件,要求只有视口宽大于768px时,才执行print.css文件,下列代码正确的是()。

<linkmedia=”screen&&(minWsidth:768px)”rel=”stylesheet”href=”print.css”/>

<linkmedia=”screen&&(min-width>768px)”rel=”stylesheet”href=”print.css”/>

<linkmedia=”screenand(minWidth:768px)”rel=”stylesheet”href=”print.css”/>

<linkmedia=”screenand(min-width:768px)”rel=”stylesheet”href=”print.css”/>

15.凡是使用fixed属性固定定位在文档显示区中心位置的对话框,都是模态框。()

对

错

16.修改父元素的z-index属性值>子元素的z-index属性值可让父元素盖住子元素。()

对

错

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

transform-property

translate-property

transform-float

transition-property

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

对

错

19.元素可设置的属性,伪元素也可设置。元素具有的特征,伪元素也同样具备。()

对

错

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

对

错

21.设置元素的repeating-linear-gradient属性,可实现重复渐变

对

错

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

对

错

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

对

错

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

animation-play-state

animat-play-state

animat-play

animation-state

25.鼠标悬停在a元素上时,字体变为红色,正确的CSS定义是()。

hover{color:red}

a:hover{font-color:red}

a:active{color:red}

a:active{font-color:red}

26.Web(WorldWideWeb)即全球广域网,也称为万维网。()

对

错

27.Select元素中的多个option元素,若希望多选一,则必须同时定义相同的name属性。()

对

错

28.下列关于内部样式表的内容定义正确的是:()。

body:{color:red,fontSize:12px}

body{color:red;font-size:12px}

body={color:red;fontSize:12px}

body={color:”red”,fontSize:”12px”}

29.选择包含title属性且title属性值中包含“es”的div元素,下列选择器正确的是()

div[title=es]

div[title*=es]

div[title^=es]

div[title$=es]

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

totopleft

totopright

toleft

toright

31.网页中引入外部样式表的代码正确的是()。

<stylerel=”stylesheet”href=”index.css”>

<stylerel=”stylesheet”src=”index.css”>

<linkrel=”stylesheet”href=”index.css”>

<linkrel=”stylesheet”src=”index.css”>

32.Web服务器主要功能包括:存储网站资源文件,代用户发送请求,提供基本的安全功能。()

对

错

33.下列关于内联样式的定义格式正确的是:()。

<acolor=”red”fontSize=”12px”>

<astyle=”color=red;font-size=12px”>

<astyle=”color:red;font-size:12px”>

<astyle=”color:red;fontSize:12px”>

34.CSS提供了()属性用于设置元素浮动定位:

overflow

float

floor

fixed

35.以下描述错误的是:()

::before,用于匹配某元素内容区域之前的位置

:after,用于匹配某元素内容区域结尾的位置

after,用于匹配某元素内容区域结尾的位置

:before,用于匹配某元素与前一个元素之间的空白区域

36.下列关于媒体查询说正确的是:()。

min-device-width是用浏览器视口宽作为判断条件

max-width是用设备物理显示屏宽作为判断条件

min-device-width是用设备物理显示屏宽作为判断条件

min-width是用浏览器软件的窗口宽作为判断条件

37.表单向服务器端提交数据主要有两种方式:get方式和set方式。()

对

错

38.框模型规定,每个元素由内向外由4个部分组成:()。

内容,边框,内边距,间距

内容,内边距,边框,间距

内边距,内容,间距,边框

内边距,内容,边框,间距

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

对

错

40.下列样式声明语法正确的是()。

color=purple

color=”purple”

color:”purple”

color:purple

41.元素一旦浮动后,都会变为:()

行内元素

块元素

行内块元素

浮动元素

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

对

错

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

col-md-6

hidden-sm

col-sm-3

col-xs-6

col-lg-2

44.为<img>元素添加响应式图片样式类,可使用:()

img-response

img-flex

img-block

img-responsive

45.Web服务器主要功能包括:存储网站资源文件,代用户发送请求,提供基本的安全功能。()

对

错

46.rgba只作用于某个属性,如背景颜色等。()

对

错

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

flex:rowwrap

flex:wraprow

flex-flow:rowwrap

flex-flow:wraprow

48.设置元素的transform属性和box-shadow属性,在2s内过渡变化,正确的是()

transition-property:transformbox-shadow;transition-duration:2s;

transition-property:transform,box-shadow;transition-duration:2s;

transition-property:transform2sbox-shadow2s;

transition-property:transformbox-shadow2s;

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

transform-origin:100%0

transform-origin:0100%

transform-origin:0100px

transform-origin:lefttop

50.下列关于媒体查询说法正确的是:()。

min-width:768pxandmax-width:991px,表示浏览器视口宽≥768px而且≤991px,说明是平板电脑显示屏大小范围;

min-width:768px&&max-width:991px,表示浏览器视口宽≥768px而且≤991px,说明是平板电脑显示屏大小范围;

min-width:768px&max-width:991px,表示浏览器视口宽≥768px而且≤991px,说明是平板电脑显示屏大小范围;

min-width:768pxmax-width:991px,表示浏览器视口宽≥768px而且≤991px,

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

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

App

Windows

WWW

W3C

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

@import”variables.less”

@importurl(”variables.less”)

!import”variables.less”

import”variables.less”

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

选择器分组

否定伪类

运算

属性选择器

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

对

错

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

transition:2slinearall

transition:linear2sall

transition:all2slinear

transition:alllinear2s

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中基础变量,并使用基础变量

代码如下:

_①__:#e4393c;

_②__:12px;

_③__;

h1{

background-color:_①__;//使用变量

color:#fff;

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

}

①

②

③

④

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

对

错

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

对

错

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

animation:linearball5sinfinitealternate;

animation:balllinearinfinitealternate;

animation:linear5slinearinfinitealternate;

animation:ball5slinearinfinite;

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

transform-origin:100%0

transform-origin:0100%

transform-origin:0100px

transform-origin:lefttop

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

translate

transform

perspective

transition

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

ulli

ul,li

ul~li

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

对

错

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

<imgsrc=”url”img-responsive>

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

<imgsrc=”url”responsive>

<imgsrc=”url”class=”responsive”>

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

新版opera

Chrome

Safari

Firefox

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

transition:2slinearall

transition:linear2sall

transition:all2slinear

transition:alllinear2s

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

为父元素增加上边框

为父元素设置上内边距;

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

设置父元素的overflow:hidden

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

对

错

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

HTML4.1

XHTML1.0

XHTML2.0

HTML5

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

<inputtype=”checkbox”>

<textarea>

<inputtype=”file”>

<inputtype=”radio”>

<select>

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:rowwrap

flex:wraprow

flex-flow:rowwrap

flex-flow:wraprow

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

对

错

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

对

错

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

totopleft

totopright

toleft

toright

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

text-capitalize

table-striped

list-unstyled

text-center

list-inline