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

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

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

d1 d2 d3

d2 d1 d3

d2 d3 d1

d1 d3 d2

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

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

变量

全局样式类

组件样式类

对其它less文件的引用

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

<img src=”url” img-responsive>

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

<img src=”url” responsive>

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

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

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

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

新版opera

Chrome

Safari 

Firefox

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

.@media screen and (min-width: 992px){  background: red; }

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

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

box{ @media screen and (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(m p){margin:m; padding:p}

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

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

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

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

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

<link media=”screen and (minWidth:768px)” rel=”stylesheet” href=” print.css”/>

<link media=”screen and (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(World Wide Web)即全球广域网,也称为万维网。( )

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°的是( )

to top left

to top right

 to left

to right

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

<style rel=”stylesheet” href=”index.css”>

<style rel=”stylesheet” src=”index.css”>

<link rel=”stylesheet” href=”index.css”>

<link rel=”stylesheet” src=”index.css”>

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

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

<a color=”red” fontSize=”12px”>

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

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

<a style=”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

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

hidden-sm

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

col-sm-3

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

col-xs-6

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

col-lg-2

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

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

img-response

img-flex

 img-block

img-responsive

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

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

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

flex: row  wrap

 flex: wrap row

 flex-flow: row wrap

 flex-flow: wrap row

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

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

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

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

transition-property: transform box-shadow 2s;

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

transform-origin: 100% 0 

transform-origin: 0  100%

transform-origin: 0  100px

transform-origin: left top

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

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

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

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

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

社交账号快速登录

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