【国开搜题】微信公众号国开电大一网一平台《WEB开发基础》形考任务3（2022秋）标准答案

国家开放大学 形成性考核 平时作业 参考答案 标准答案

关注【国开搜题】微信公众号 发送题目获取标准答案

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显示网页的各个区域

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

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

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