国开《WEB开发基础》形考任务3(2022秋)

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

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

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

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

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

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

2.普通规则下,如果设备宽为767x,可认为其为( ) 设备。

超大屏

PC

PAD

手机

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

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,说明是平板电脑显示屏大小范围

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

form-label

form-group

form-control

control-label

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

<img src=”url” img-responsive>

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

<img src=”url” responsive>

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

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

@import “variables.less”

@import url(“variables.less”)

!import “variables.less”

import “variables.less”

7.一个元素,在PC下,在行中占比为1/4,在PAD和手机下隐藏,下列代码正确的是( ) 。

<ANY class=”col-pc-4 hidden-md”

<ANY class=”col-pc-3 hidden-md”

<ANY class=”col-pc-3 hidden-sm”

<ANY class=”col-pc-4 hidden-sm”

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.下列混入时传入参数的代码正确的是( ) 。

h1{.m-p-0(10,10);….}

h1{.m-p-0:10 10;…}

h1{.m-p-0(10px,10px);……}

h1{.m-p-0:(10px,10px);……}

10.下列使用变量正确的是( ) 。

background-color:@red;

background-color=red;

background-color=@red;

background-color:red;

11.Bootstrap的less源码中保存所有基础变量的less文件是( )。

bootstrap.less

progess-bars.less

variables.less

media.less

12.要求当前网页加载时,视口大小等于设备宽,且初始时不缩放,下列代码正确的是( ) 。

<meta name=”viewport” content=”width=device-width, initial=noscale”>

<meta name=”viewport” content=”width:device-width; initial-scale:1.0″>

<meta name=”viewport” content=”width=device, initial-scale=1.0″>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

13.按钮尺寸样式类不包括:( )。

btn-lg

btn-md

btn-sm

btn-xs

14.下列不属于文本对齐方式的样式类是:( )。

text-left

text-middle

text-right

text-justity

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

red:#e4393c;

@red=#e4393c;

@red:#e4393c;

red=#e4393c;

16.Bootstrap中颜色类名*-default的颜色为:( )。

白色

浅灰色

工业蓝

淡蓝色

17.公共类型.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}

18.将按钮变为块级按钮,可使用:( )。

d-block

display-block

block

btn-block

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

img-response

img-flex

img-block

img-responsive

20.以下关于Bootstrap中表单描述正确的是:( )。

水平表单,就是表单元素都排列在一横行中

行内表单,也称为水平表单

水平表单是指表单中同样包含行和列栅格布局效果的表单

行内表单是指表单中同样包含行和列栅格布局效果的表单

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

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

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

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

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

26.水平表单可定义栅格系统控制不同屏幕宽下表格的列宽。(   )

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

28.响应式图片可让图片根据浏览设备的宽,响应式调整图片的大小。(   )

29.媒体查询,就是查询出当前浏览器的名称和版本号。(   )

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

31.以下属于动态样式语言具备而静态样式语言不具备的特征有:( )。

变量

否定伪类

选择器

运算

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

选择器分组

否定伪类

运算

属性选择器

33.下列关于文本内容转换描述正确的是:( )。

text-uppercase,可将全部字母转为大写

text-lowercase,可将全部字母转为小写

text-capitalize,可将内容改为首字母小写,之后每个单词首字母大写。

text-tolowercase,可将全部字母转为小写

34.下列对于less提供的内置函数描述正确的是:( )。

ceil(值)——取整

lighten(颜色值,百分百)——把指定颜色变亮

image-width(宽度)——设置指定图片宽度

image-height(图片路径)——返回指定图片高度。

35.流式布局主要使用:( )。

使用table显示网页的各个区域

使用浮动定位显示网页的各个区域

使用行内块显示网页的各个区域

使用块元素显示网页的各个区域

社交账号快速登录

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