1.请为下列样式类①⑤选择右侧最合适的解释，将配对好的ae填写到括号中
① text-capitalize a 将元素内容中的英文单词首字母改为大写
② table-striped b 去除列表项前的提示符号
③ list-uns
答案是：aebcd
关于data-*开头的属性，下列描述正确的是：（ ）。
A.用于添加样式 B.用于定义组件要动态加载的数据
C. 用于临时在客户端缓存数据 D.用于为组件添加行为
答案是：CD
下列关于Bootstrap表单描述正确的是：（ ）。
A. 表单元素input设置class为form-control
B.标签元素label设置class为control-label。
C. 表单中的每组输入项(label+i
答案是：ABC
以下关于表格样式描述正确的是：（ ）。
A. table是基础类
B. table-alt可设置表格各行变色
C. table-hover 可设置鼠标悬停在一行上，该行变色
D. table-bordered可设置表格边框
答案是：ACD
下列关于列表项样式描述正确的是:（ ）。
A． list-styled-none样式类，可去除列表项前的提示符号；
B. list-unstyled样式类，可去除列表项前的提示符号；
C. list-inline-block样式类
答案是：BD
下列关于文本内容转换描述正确的是:（ ）。
A. text-uppercase，可将全部字母转为大写
B. text-lowercase，可将全部字母转为小写
C. text-capitalize，可将内容改为首字母消息，之后每个单
答案是：AB
下列Bootstrap中颜色类名描述正确的是:（ ）。
A. *-default ——默认基准色工业蓝
B. *-danger ——黄色
C. *-success ——绿色
D. *.primary——深蓝色
答案是：CD
13.以下组件必须引入Bootstrap.js才能正常执行的是（ ）。
nav B. btn-group C. carousel D. dropdown
答案是：C
12.表单中的每组输入项（label+input+span）都包含在class为（ ）的小容器元素中。
A. form-label B. form-group C. form-control D. control-label
答案是：B
11.以下关于Bootstrap中表单描述正确的是：（ ）。
A. 水平表单，就是表单元素都排列在一横行中
B. 行内表单，也称为水平表单
C. 水平表单是指表单中同样包含行和列栅格布局效果的表单
D. 行内表单是指表单中同
答案是：C
10.bootstrap.less文件中包括：（ ）。
A. 变量 B. 全局样式类 C.组件样式类 D. 对其它less文件的引用
答案是：D
9.下列关于bootstrap.less文件描述正确的是:（ ）。
A. bootstrap.less中包含bootstrap样式类库中的所有全局样式类的定义
B.bootstrap.less中不包含任何实际的样式类的定义
C.
答案是：B
8.为![]()
元素添加响应式图片样式类，可使用:（ ）。
A.img-response B. img-flex C. img-block D. img-responsive
答案是：D
7.下列不属于文本对齐方式的样式类是:（ ）。
A.text-left B. text-middle C. text-right D. text-justity
答案是：B
6.Bootstrap中颜色类名*-default的颜色为：（ ）。
A.白色 B.浅灰色 C.工业蓝 D.淡蓝色
答案是：A
5.Bootstrap的less源码中保存所有基础变量的less文件是（ ）。
A.bootstrap.less B. progess-bars.less C. variables.less D. media.less
答案是：C
4.下列设置图片为响应式图片的代码，正确的是（ ）。
A.
B.
C.
答案是：B
3.将a变为黄色按钮，以下代码中正确的是（ ）。
A.
答案是：C
2.将按钮变为块级按钮，可使用: （ ）。
A.d-block B. display-block C. block D. btn-block
答案是：D
1.按钮尺寸样式类不包括: （ ）。
A. btn-lg B. btn-md C. btn-sm D. btn-xs
答案是：B
模态框是指在一个父窗口中打开了一个子窗口，若子窗口不关闭，则父窗口无法获得输入焦点
答案是：对
凡是使用fixed属性固定定位在文档显示区中心位置的对话框，都是模态框。
答案是：错
使用组件时，仅添加样式类，未添加data-*自定义扩展属性，则样式也无法正常显示
答案是：错
Bootstrap所有组件，单靠引入bootstrap.css就可执行
答案是：对
水平表单可定义栅格系统控制不同屏幕宽下表格的列宽。
答案是：对
响应式表单的样式类和栅格系统的样式类完全一样。
答案是：错
list-style-none样式类可去掉列表项前的标识符号
答案是：错
为元素添加text-responsive样式类，可让元素的内容文本以两端对齐。
答案是：错
响应式图片可让图片根据浏览设备的宽，响应式调整图片的大小。
答案是：对
1.请为下列样式类①⑤选择右侧最合适的解释，将配对好的ae填写到括号中。
① col-md-6 a Pad屏幕中当前元素宽占容器宽度的1/4
② hidden-sm b 超大屏幕中当前元素宽占容器元素宽的1/6
③ col-sm-
答案是：cdaeb
以下设备分类的标准正确的是：（ ）。
A. 浏览器视口宽≤992 px，说明是PC显示器大小范围；
B．浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
C. 浏览器视口宽≤767px，说明是手机显示屏大小范
答案是：BC
以下关于媒体查询的描述正确的是:（ ）。
A. 媒体查询，就是查询出当前浏览网页的设备的类型及特性，如屏幕尺寸。
B. 媒体查询，就是查询出当前浏览器的名称和版本号。
C. 媒体查询，就是根据浏览器的名称和版本号不同执行不同的C
答案是：AD
流式布局主要使用: （ ）。
A．使用table显示网页的各个区域 B. 使用浮动定位显示网页的各个区域
C.使用行内块显示网页的各个区域D. 使用块元素显示网页的各个区域
答案是：BC
9.一个元素，在PC下，在行中占比为1/4，在PAD和手机下隐藏,下列代码正确的是（ ）。
A.
答案是：B
8.一个元素在PC和PAD下，在行中占比为1/4，在手机下，在行中占比1/2,下列代码正确的是（ ）。
A.
答案是：D
7.下列关于媒体查询说正确的是：（ ）。
A.min-device-width是用浏览器视口宽作为判断条件
B.max-width是用设备物理显示屏宽作为判断条件
C.min-device-width是用设备物理显示屏宽作为判断条件
答案是：C
6.下列关于媒体查询说法正确的是：（ ）。
A.min-width：768px and max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
B.min-width：768px
答案是：A
5.PC设备显示器下，让class为box的元素背景为红色，下列代码正确的是（ ）。
A.@media screen and (min-width: 992px){ background: red; }
B.@media screen
答案是：B
4.普通规则下，如果设备宽为767px，可认为其为（ ）设备。
A．超大屏 B. PC C. PAD D. 手机
答案是：D
3.根据媒体查询执行不同CSS文件，要求只有视口宽大于768 px时，才执行print.css文件，下列代码正确的是（ ）。
A.
答案是：D
2.要求当前网页加载时，视口大小等于设备宽，且初始时不缩放，下列代码正确的是（ ）。
A.
B.
答案是：D
1.响应式网页划分显示设备的分类，依据的是:（ ）。
A. 物理设备的大小 B.物理设备的显示分辨率大小
C. 网页body的大小 D. 浏览器窗口大小
答案是：B
媒体查询，即可使用浏览器的视口大小作为判断条件，又可使用物理设备的窗口大小作为判断条件。
答案是：对
媒体查询，就是查询出当前浏览器的名称和版本号
答案是：错
物理设备宽比视口宽更能精准确定一个设备的种类
答案是：对
视口在手机端和在PC端都默认始终通过缩小网页方式，全部显示网页内容。
答案是：错
视口的尺寸可以随意指定，且视口与显示设备的物理分辨率无关。
答案是：对
在任何情况下，视口大小总是等于设备宽。
答案是：错
响应式网页是指，一个网页中包含可与用户交互的功能的网页。
答案是：错
响应式网页是指，一个网页会根据用户浏览器设备不同而自动改变布局
答案是：对
从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整
定义var.less文件，其中声明两个变量保存字体大小和颜色值
再定义index.less文件，其中引入var.less中基础变量，并使用基础变量
代码
答案是：bdfg
下列对于less提供的内置函数描述正确的是:（ ）。
A. ceil(值)——取整
B. lighten(颜色值,百分百)——把指定颜色变亮；
C.image-width(宽度)——设置指定图片宽度
D.image-hei
答案是：ABD
不需要动态样式语言，静态样式语言已经具备的特征有:（ ）。
A. 选择器分组 B.否定伪类 C.运算 D.属性选择器
答案是：ABD
以下属于动态样式语言具备而静态样式语言不具备的特征有:（ ）。
A. 变量 B. 否定伪类 C. 选择器 D. 运算
答案是：AD
6.在一个less文件中，引入另一个less文件，下列正确的是（ ）。
A.@import " variables.less" B. @import url(" variables.less")
C. !import " variab
答案是：A
5.下列混入时传入参数的代码正确的是（ ）。
A.h1{ .m-p-0(10,10); … …} B. h1{ .m-p-0: 10 10; … …}
C. h1{ .m-p-0(10px,10px); … …} D. h1{ .
答案是：C
4.公共类型.m-p-0，可帮元素设置margin和padding属性，但暂时不知道margin和padding的值，下列代码正确的是（ ）。
A. .m-p-0(m,p){margin:m; padding:p } B. .m-p-0(
答案是：D
3.下列使用变量正确的是（ ）。
A.background-color:@red; B. background-color=red;
C. background-color=@red; D. background-color:
答案是：A
2.下列在less中定义变量的语法正确的是（ ）。
A.red:#e4393c; B. @red=#e4393c; C. @red:#e4393c; D. red=#e4393c;
答案是：C
1.下列引入并在客户端编译less的代码正确的是（ ）。
A.
B
答案是：B
CSS中用@import引入另一个css文件，会增加请求次数。
答案是：对
用@import引入另一个.less文件，执行过程同CSS中用@import引入另一个css文件原理完全相同
答案是：错
@import在引入多个less文件时，会增加请求次数
答案是：错
Less既支持多行注释，又支持单行注释，所有注释都会被编译到CSS中
答案是：错
编译是指将浏览器不认识的Less语言代码转换为CSS语言代码的过程
答案是：对
静态样式语言中虽然有变量，但是无法记性算术运算
答案是：错
以下属性值中可用于设置过渡速度变化曲线的值有:（ ）。
A. linear B. ease-in C. eary-in D. easy-out
答案是：AB
下列关于视距描述正确的是:（ ）。
A.视距越远，元素在显示器投影平面上的像越小。
B. 视距越远，元素在显示器投影平面上的像越大
C.如果希望三维转换越明显，应增大视距
D. 如果希望三维转换越明显，应缩小视距
答案是：AD
下列可分别设置元素在x轴和y轴两个方向上的缩放比例的是：（ ）。
A. scale(value) B. scale(x,y) C. scaleX(x)和scaleY(y) D. scale必须等比例缩放
答案是：BC
下列可以设置元素在x轴上发生位移的函数是:（ ）。
A. translate(x) B. transform(x) C. translateX(x) D. transformX(x)
答案是：AC
下列哪些值可作为转换原点位置的值：（ ）。
A. 0px B. 0 C. 60deg D. left
答案是：BD
以下设置渐变角度的语法正确的是:（ ）。
A. to top B. top C. 60° D. 60deg
答案是：AD
下列属于渐变分类的是:（ ）。
A. 线性渐变 B.径向渐变 C. 重复渐变 D. 水平渐变
答案是：ABC
16.可设置动画暂停的css属性为:（ ）。
A.animation-play-state B. animat-play-state C. animat-play D. animation-state
答案是：A
15.下列调用动画执行的语句正确的是（ ）。
A.animation: linear ball 5s infinite alternate;
B.animation:ball linear infinite alternate;
C.
答案是：D
14.定义复杂动画，实现一个div顺时针旋转一周，正确的是（ ）。
A.@keyframe myRotate{
0%{ transform: rotate(0deg) },
100%{ transform: rotate(360
答案是：B
13.下列选项中，设置元素所有属性在2 s内匀速过渡变化正确的是（ ）。
A.transition: 2s linear all B. transition: linear 2s all
C. transition: all
答案是：C
12.可使用（ ）属性设置过渡变化的时间。
A.transition B. transition-duration C. duration D. transform-duration
答案是：B
11.希望修改某个CSS属性值时平缓变化，可使用CSS的（ ）属性。
A.transform-propertyB. translate-property C. transform-float D. transition-prope
答案是：D
10.设置元素的transform属性和box-shadow属性，在2 s内过渡变化，正确的是（ ）。
A.transition-property: transform box-shadow; transition-duration:
答案是：A
9.下列属性中，可将元素顺时针旋转45°的是（ ）。
A.transform: rotate(45) B. transform: rotate(-45)
C. transform: rotate(-315deg) D. t
答案是：C
8.下列属性中，不能将元素右移100 px的设置是（ ）。
A.transform: translateX(100px) B. translateX : 100px
C. transform: translate(100px)
答案是：B
6.宽100 px的div元素，修改转换原点为右上角，下列属性设置正确的是（ ）。A
A.transform-origin: 100% 0 B. transform-origin: 0 100%;
C. transform-o
答案是：A
5.解决Firefox浏览器的css属性兼容性问题，可添加（ ）前缀。
A.-webkit- B. -moz- C. -o- D. -ms-
答案是：B
4.添加-webkit-前缀不可解决（ ）浏览器的css属性兼容性问题。
A.新版opera B. Chrome C. Safari D. Firefox
答案是：D
3.设置按钮背景色自上向下渐变，从顶部白色渐变到底部银色，下列写法正确的是（ ）。
A.background-image: linear-gradient(to bottom, #f0f0f0 0%, #e0e0e0 100%);
B.
答案是：A
2.以下关于线性渐变描述正确的是:（ ）。
A.线性渐变就是延水平方向填充渐变色
B.线性渐变就是延垂直方向填充渐变色
C.线性渐变就是以直线的方向来填充渐变色
D.线性渐变就是以圆心为中心，延半径向外渐变
答案是：C
1.以下关键字组合中，等效于设置线性渐变角度为45°的是（ ）。
A.to top left B. to top right C. to left D. to right
答案是：B
@keyframes定义的动画会在页面加载时，自动执行，无需调用。
答案是：错
过渡速度变化曲线的默认值为:ease，表示从慢速开始，快速变快，最后慢速结束。
答案是：对
设置过渡速度变化曲线为: ease-out, 表示慢速开始，加速结束。
答案是：错
设置过渡速度变化曲线为:easy-in，表示慢速开始，加速结束。
答案是：出错
rotate(ndeg)中，若n为正，顺时针旋转；若n为负，逆时针旋转。
答案是：对
定义元素的rotate属性，可让元素发生旋转
答案是：错
定义元素的transform属性时执行rotate()函数，可让元素发生旋转
答案是：对
scale(value)中，缩放比例value的默认值为0，表示不缩放。若value>0，表示放大；若value<0，表示缩小
答案是：错
定义元素的scale属性，可让元素发生缩放
答案是：错
定义元素的transform属性时执行scale()函数，可让元素发生缩放。
答案是：对
定义元素的transform属性时执行translate()函数，可让元素发生位移。
答案是：对
修改要执行3D变换的元素本身的perspective属性，可调整视距
答案是：错
视距越小，3D转换的幅度越明显；视距越大，3D转换的幅度越不明显
答案是：对
转换原点是指在转换过程中，距离旋转圆心最远的一点。
答案是：错
2D旋转时，默认的转换原点为元素左上角(0,0)位置。
答案是：错
设置元素的repeating-linear-gradient属性，可实现重复渐变
答案是：错
设置元素的background-image属性，取值为一个repeating-linear-gradient()命令，可实现重复渐变
答案是：对
设置元素的radial-gradient属性，可实现径向渐变
答案是：错
设置元素的background-image属性，取值为一个radial-gradient()命令，可实现径向渐变。
答案是：对
设置元素的linear-gradient属性，可实现线性渐变
答案是：错
设置元素的background-image属性，取值为一个linear-gradient()命令，可实现线性渐变
答案是：对
1.从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：
定义登录对话框，使其显示在文档显示区中心，且不随页面滚动而滚动。已知登录对话框宽310px，高380px。
请在下列CSS中补充选择器和css属性：
答案是：ebad
关于align-items属性的值，下列描述正确的是:（ ）。
A.flex-start表示让项目以主轴的起点方向对齐；
B. flex-end表示让项目以主轴的终点方向对齐；
C．baseline表示让项目以交叉轴的基线对齐；
答案是：CD
下列关于弹性布局中项目的属性，描述正确的是:（ ）。
A．项目的flex-order属性用于定义项目的排列顺序
B. 项目的flex-grow属性用于定义项目的放大比例
C.项目的flex-shrink属性用于定义项目的缩小比例
答案是：BC
下列可以清除浮动对父元素带来的影响的代码是:（ ）。
A. 父元素::before{ content:””; display:”table”}
B.父元素{clear:both}
C. 父元素{ overflow:hidd
答案是：CD
匹配元素内容中的首字母，可使用以下哪些选择器:（ ）。
A.::first-line B. ::first-letter C. :first-letter D. :first-line
答案是：BC
以下选择器中可匹配table中tbody下的偶数行的有:（ ）。
A．table>tbody>tr:nth-child(even) B. table>tbody>tr:nth-child(odd)
C. table>tbody>
答案是：AD
已知连续四个元素，下列选择器中可选择后三个li的是：（ ）。
A．li>li B. li+li C. li~li D. li li
答案是：BC
下列关于z-index属性描述正确的是:（ ）。
A．z-index属性用于设置上下两层元素之间的距离，值为数字，且必须加上长度范围
B. z-index属性用于改变元素的堆叠顺序，其值为一个数字，无须加单位。
C. 数字越小，
答案是：BD
下列关于位移属性描述正确的是:（ ）。
A．top: -20px 是让元素基于当前位置向上移动20px
B．top: 20px 是让元素基于当前位置向下移动20px
C． bottom: -20px 是让元素基于当前位置向下移动20p
答案是：ABC
下列关于固定定位描述正确的是:（ ）。
A．固定定位的元素，以文档显示区左上角作为参照
B．固定定位的元素，以body左上角作为参照
C．固定定位的元素位置在网页滚动时，跟随滚动，始终保持与body左上角的相对位置不变。
固定定位
答案是：AD
下列可使用vertical-align属性设置垂直方向对齐方式的有: （ ）。
A. table B. div C. p D. img
答案是：AD
目前为：
1/3
页
首页 上页 下页 尾页