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显示网页的各个区域
使用浮动定位显示网页的各个区域
使用行内块显示网页的各个区域
使用块元素显示网页的各个区域