版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
PAGEPAGE1Bootstrap知识考试复习题库及答案一、单选题1.下列选项中，用来实现导航栏中每一项结构样式的是()A、nav-itemB、navC、list-itemD、btn-item答案：A2.下列选项中，能够清除<a>标签单击时高亮效果的是()A、-webkit-tap-highlight-colorB、-webkit-appearárC、-webkit-touch-calloutD、-webkit-tap-highlight-callout答案：A3.下列选项中关于媒体对象的说法错误的是()A、媒体对象采用了浮动布局B、媒体对象用于构建复杂、重复的内容列表C、通常使用.media来包裹媒体对象内的所有内容D、通常使用media-body来包裹媒体对象的主体内容答案：A4.下列选项中，关于div元素类名为“col-md-4”的说法错误的是()A、col表示列B、md表示在平板设备中定义列时使用的类前缀C、md表示在桌面显示器中定义列时使用的类前缀D、其中的4代表每一列占4份答案：C5.下列选项中，不属于Bootstrap框架特点的是()A、提供CSS预编译B、组件丰富C、响应式移动设备优先D、学习成本高答案：D6.
在页面中，设置<html>的font-size的值为50px，那么2rem的值为（）A、100pxB、50pxC、25pxD、75px答案：A7.下列选项中，有关Bootstrap轮播插件说法错误的是()A、是一种灵活的响应式的向站点添加滑块的方式B、专门用来实现轮播图像C、轮播的内容可以是图像、内嵌框架D、轮播的内容可以是视频答案：B8.下列关于HTML5中多媒体API的说法正确的是()。A、使用<audio>标签来定义视频播放器B、使用<video>标签来定义音频播放器C、<video>标签的controls属性用于为视频提供播放控件D、<audio>标签支持0gg音频格式。答案：C9.下面选项中，采取了Less+Rem+媒体查询来实现响应式布局设计的是()A、流式布局B、Rem布局C、弹性盒布局D、浮动布局答案：B10.下列选项中，用来设置盒子模型border-box计算方式的属性是()A、box-sizingB、boxC、boder-sizingD、box-size答案：A11.下列选项中，能够清除<a>标签单击时高亮效果的是()A、-webkit-tap-highlight-colorB、-webkit-appearárC、-webkit-touch-calloutD、-webkit-tap-highlight-callout答案：A12.下列选项中，用来实现按钮组结构样式的是()。A、btn-primaryB、btn-successC、btn-dangerD、input-group答案：D13.下面选项中，表示弹性盒子元素向垂直于轴的方向上的中间位置对齐()A、baselineB、flex-startC、centerD、flex-end答案：C14.下列选项中，有关Bootstrap轮播插件说法错误的是（）A、是一种灵活的响应式的向站点添加滑块的方式B、专门用来实现轮播图像C、轮播的内容可以是图像、内嵌框架D、轮播的内容可以是视频答案：B15.如下代码段，<divclass="row">
<divclass="col"></div>
<divclass="col"></div>
</div>中，每个col表明的宽度是（）A、100%B、50%C、33.3%D、25%答案：B解析：
如果不在每个col上添加数字，让bootstrap自动处理布局，同一行的每个列宽度相等：两个"col"，每个就为50%的宽度。三个"col"每个就为33.33%的宽度，四个"col"每个就为25%的宽度。16.在Bootstrap中，.nav用于制作Bootstrap（）A、轮播图B、按钮C、表单D、导航答案：D17.下列选中，用来实现输入框组结构样式的是()A、input-groupB、inputC、btn-groupD、list-group答案：A18.下列选项中，关于图文样式说法错误的是()A、rounded-left-0:去掉元素上方位的圆角B、rounded-circle:给元素设置圆角边框C、rounded-bottom-0:去掉元素下方位的圆角D、rounded-0:掉元素圆角答案：A19.下列选项中，在Bootstrap4中可以实现在平板将一行分成4列效果的是()。A、col-1g-5B、col-md-3C、col-sm-3D、col-xs-3答案：C20.Bootstrap提供了一些类来定义按钮的样式，该样式可以在以下哪些标签中使用（）A、<a>B、<input>C、<button>D、以上全部答案：D21.下列选项中，关于CSS弊端说法错误的是()A、CSS是一门非程序式语言，没有变量、函数、SCOPE(作用域)等概念B、CSS需要书写大量看似没有辑的代码，CSS冗余度是比较高的C、不方便维护及展，不利于复用D、CSS有很好的计算能力答案：D22.Bootstrap提供了一些类来定义按钮的样式，该样式可以在以下哪些标签中使用()A、<a>B、<input>C、<button>D、以上全部答案：D23.下列选项中，关于组件的优势说法错误的是。()A、组件可以复用B、提高开发效率C、组件是模块化的D、提高代码之间的耦合程度答案：D24.下列选项中，用来设置盒子模型border-box计算方式的属性是()A、box-sizingB、boxC、boder-sizingD、box-size答案：A25.下列选项中，关于CSS弊端说法错误的是()A、CSS是一门非程序式语言，没有变量、函数、SCOPE(作用域)等概念B、CSS需要书写大量看似没有辑的代码，CSS冗余度是比较高的C、不方便维护及展，不利于复用D、CSS有很好的计算能力答案：D26.下列选项中，用来实现按钮组结构样式的是()。A、btn-primaryB、btn-successC、btn-dangerD、input-group答案：D27.下列选项中，用来定义矩形的标签是()A、<circle>B、<rect>C、<line>D、<polygon>答案：B28.下列选项中，Bootatrap中提供的常见的代码标签中可以预格式化文本，保存所有格式，显示多行代码的标签是（）A、<samp>B、<var>C、<kbd>D、<pre>答案：D29.下列选项中，在Bootstrap4中可以用来表示大桌面显示器的是()A、col-sm-B、col-md-C、col-xs-D、col-lg-答案：D30.下列选，属于Chrome浏览器的内核的是()。A、BlinkB、WebKitC、PrestoD、Gecko答案：A31.下列选项中，用于设置100%宽度，占据全部视口（viewport）的容器代码正确的是（）A、<divclass="container">...</div>B、<divclass="container-fluid">...</div>C、<divid="container">...</div>D、<divid="container-fluid">...</div>答案：B解析：
A选项用于固定宽度并支持响应式布局的容器；C和D选项是设置的<div>的id属性，所以B正确32.在页面中，设置<html>的font-size的值为50px，那么2rem的值为()A、100pxB、50pxC、25pxD、75px答案：A33.下列选项中，在Bootstrap4中可以实现在平板将一行分成4列效果的是()。A、col-1g-5B、col-md-3C、col-sm-3D、col-xs-3答案：C34.下列选项中，不属于Bootstrap框架特点的是()A、提供CSS预编译B、组件丰富C、响应式移动设备优先D、学习成本高答案：D35.下列选项中关于Bootstrap4提供的内外边距的设置，描述错误的是()。A、类名.my-*，设置元素的上边距和下边距B、边距值可以选取0~4和autoC、类名.mr-*，设置元素的右边距D、类名.ml-auto，设置元素的左边距为auto答案：B36.关于轮播图组件说法正确的()。A、使用div.carousel-inner存放轮播图片B、使用div.carousel-indicators存放轮播计数器，用于控制轮播图序列C、使用a.carousel-control-prev和a.carousel-control-next来手动控制图片的上下切换D、以上全部答案：D37.下列选项中，说法错误的是()A、window.sessionStorage对象用于区域存储B、window.localStorage对象用于本地存储C、WebStorage接口提供的clear(key)方法，用于删除键名为key的存储内容D、使用sessionStorage存储的数据，当浏览器关闭后，内存将被自动清除答案：C38.在页面中，设置<html>的font-size的值为50px，那么2rem的值为()A、100pxB、50pxC、25pxD、75px答案：A39.下列选项中，关于文本格式说法错误的是（）A、text-nowrap：段落中超出屏幕部分不换行B、text-capitalize：设置每个单词首字母大写C、text-lowercase：设置英文大写D、text-justify：实现两端对齐文本效果答案：C解析：
.text-lowercase：设置英文小写
.text-uppercase设置英文大写40.下列选项中，在网站的域名中用来表示移动端网站的是()A、https://main.m.taobao./B、https://main.b.taobao./C、https://main.n.taobao./D、https://main.taobao./答案：A41.下列选项中，用来规定背景图片的尺寸的属性是（）A、background-sizingB、background-heightC、background-sizeD、background-width答案：C42.下列选项中，用来规定背景图片的尺寸的属性是()A、background-sizingB、background-heightC、background-sizeD、background-width答案：C43.下列选项中关于文本颜色说法正确的()。A、text-success:成功文本颜色B、text-light:浅灰色文本C、text-danger:危险提示文本颜色D、以上全部正确答案：D44.下面选项中，采取了Less+Rem+媒体查询来实现响应式布局设计的是（）A、流式布局B、Rem布局C、弹性盒布局D、浮动布局答案：B解析：
A选项也称为百分比自适应布局，它是一种等比例缩放的布局方式；B选项是CSS3中的一种新布局模式，可以轻松地创建响应式网站布局。C选项弹性盒布局为盒模块增加了灵活性，可以让人们告别浮动（float），完美地实现垂直居中。D选项浮动布局主要用来设置页面中的元素向左侧浮动或者右侧浮动，所以B选项正确。45.下面选项中，全局安装node-sass模块命令的是()A、npminstall--savenode-sassB、npminstall--globalnode-sassC、npminstallnode-sassD、npmuninstall--globalnode-sass答案：B46.下列选项中，关于Less变量定义规则的说法错误的是()A、必须有为前缀B、不能包含特殊字符C、不能以数字开头D、大小写不敏感答案：D47.下列选项中，支持Bootstrap4的浏览器的是()A、IE8+B、IE7+C、IE10+D、IE9+答案：C48.下列选项中，background样式中用来引入背景图片的属性是（）
10分A、url()B、data()C、src()D、href()答案：A49.下列选项中，在Bootstrap4中可以用来表示大桌面显示器的是（）A、col-sm-B、col-md-C、col-xs-D、col-lg-答案：D50.在bootstrap中，下列不属于图片处理的类是（）A、img-fluidB、rounded-circleC、img-roundedD、rounded答案：C解析：
Bootstrap中没有.img-rounded这个类
移动编辑删除51.下列选项中，关于Less变量定义规则的说法错误的是()A、必须有为前缀B、不能包含特殊字符C、不能以数字开头D、大小写不敏感答案：D52.下列选项中，用于实现反转wrap排列，第一行显示在下方的是（）A、flex-wrap：wrap-reverseB、flex-wrap：no-wrapC、flex-wrap：wrapD、flex-wrap：reverse答案：A解析：
B选项表示容器为单行，该值是默认属性值，不换行；C选项表示容器为多行，flex子项溢出的部分会被放置到新行（换行），第一行显示在上方；D选项不存在，所以A选项是正确的。53.下列选项中，说法错误的是()。A、touch事件是一组事件，也是多数触屏操作事件的总称B、当手指触摸屏幕时触发touchstart事件C、touchend事件使用targetTouches属性获取坐标D、当手指离开屏幕时触发touchend事件答案：C54.下列选项中关于媒体对象的说法错误的是()A、媒体对象采用了浮动布局B、媒体对象用于构建复杂、重复的内容列表C、通常使用.media来包裹媒体对象内的所有内容D、通常使用media-body来包裹媒体对象的主体内容答案：A55.下列选项中，Android系统内置的浏览器是()A、ChromeB、MobileSafariC、AndroidBrowserD、Firefox答案：C56.关于轮播图组件说法正确的()。A、使用div.carousel-inner存放轮播图片B、使用div.carousel-indicators存放轮播计数器，用于控制轮播图序列C、使用a.carousel-control-prev和a.carousel-control-next来手动控制图片的上下切换D、以上全部答案：D57.假设设计的50，整个屏幕划分为15等份，那么font-size的值为()A、50pxB、60pxC、70pxD、80px答案：A58.下列选项中，Bootstrap插件全部依赖的是（）插件A、JavaScriptB、jQueryC、NodeJSD、AngularJS答案：B解析：
如果要使用Bootstrap就必要引入jQuery，因为Bootstrap中对DOM的操作等都是使用的jQuery。59.下列选项中，Bootatrap中可以实现文本两端对齐的类是()A、text-rightB、text-nowrapC、text-justifyD、text-center答案：C60.在Bootstrap中，关于响应式栅格系统的描述错误的是（）
10分A、col-：平板设备B、col-md-：桌面显示器C、col-lg-：大桌面显示器D、col-xl-：超大桌面显示器答案：A61.下列选项中，在实现轮播图效果时，不需要引入的文件是()A、jquery-3.2.1.min.jsB、bootstrap.min.cssC、bootstrap.min.jsD、bootstrapmin.bundle.js答案：D62.在移动端浏览器中，用户正在浏览的网站区域被称为()A、布局视口B、理想视口C、视觉视口D、模拟视口答案：C63.在页面中，设置<html>的font-size的值为50px，那么2rem的值为()A、100pxB、50pxC、25pxD、75px答案：A64.下列选项中，用来设置类前缀的是()A、containerB、rowC、container-fluidD、col-md-*答案：D65.下面选项中，全局安装node-sass模块命令的是（）A、npminstall--savenode-sassB、npminstall--globalnode-sassC、npminstallnode-sassD、npmuninstall--globalnode-sass答案：B66.下列选项中，Android系统内置的浏览器是（）A、ChromeB、MobileSafariC、AndroidBrowserD、Firefox答案：C解析：
A选项Chrome浏览器是Android或iOS；B选项是iOS系统浏览器；D选项Firefox浏览器是Android或iOS；所以C选项正确。67.下列选项中，用来设置类前缀的是()。A、containerB、rowC、container-fluidD、col-md-*答案：D68.下列选项中，Bootatrap中可以实现列表初始化的类是（）A、list-styledB、list-styleC、list-unstyleD、list-unstyled答案：D69.假设设计的50，整个屏幕划分为15等份，那么font-size的值为()A、50pxB、60pxC、70pxD、80px答案：A70.在Bootstrap中，.nav用于制作Bootstrap()A、轮播图B、按钮C、表单D、导航答案：D71.下列选项中，关于单独制作移动端页面说法错误的是（）A、单独制作移动端页面，通常的做法是不改变原有的PC端页面，针对移动端单独开发出一套特定的版本。B、针对不同的屏幕尺寸去分别制作一个网站，这样访问不同的网址会产生不同的页面效果，工作量比较大。C、由于单独制作移动端网站会产生多个URL，因此重定向移动网站需要花费一些时间。对搜索引擎做一些处理，维护成本会增加。D、不能充分考虑到平台的优势和局限性，所以不能创建良好的用户体验设计。答案：D解析：
D选项是由于能够充分考虑到平台的优势和局限性，所以能创建良好的用户体验设计，所以D选项错误。72.下列选项中，关于Bootstrap的说法正确的是（）A、Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构B、Bootstrap内置自带全局的CSS设置C、Bootstrap提供了强大的插件D、以上全部正确答案：D解析：A、B、C选项关于Bootstrap的说法都是正确的，所以答案D是正确的。73.下列选项中，说法错误的是()。A、touch事件是一组事件，也是多数触屏操作事件的总称B、当手指触摸屏幕时触发touchstart事件C、touchend事件使用targetTouches属性获取坐标D、当手指离开屏幕时触发touchend事件答案：C74.下面选项中，使用Sass语法声明变量书写正确的是()A、highlight-colorB、$highlight-colorC、&highlight-colorD、#highlight-color答案：B75.下列选项中，不属于Bootstrap中设置背景颜色的类是()A、bg-dangerB、bg-textC、bg-darkD、bg-info答案：B76.下列选项中，Bootatrap中可以实现文本居中对齐的类是()A、text-leftB、text-nowrapC、text-justifyD、text-center答案：D77.下列选项中，关于文本格式说法错误的是()A、text-nowrap：段落中超出屏幕部分不换行B、text-capitalize：设置每个单词首字母大写C、text-lowercase：设置英文大写D、text-justify：实现两端对齐文本效果答案：C78.下列选项中，用来设置类前缀的是()。A、containerB、rowC、container-fluidD、col-md-*答案：D79.下列选项文说法错误的是()。A、text-justify:实现两端对齐文本效果B、text-lowercase:设置英文大写C、text-nowrap:段落中超出屏幕部分不换行D、text-capitalize:设置每个单词首字母大写答案：B80.在Bootstrap4中，可以使用data-slide-to属性定义当前指示器图标的索引值，该索引值从（）开始A、-1B、0C、1D、2答案：B81.下列选项中，不属于Bootstrap中设置背景颜色的类是（）A、bg-dangerB、bg-textC、bg-darkD、bg-info答案：B82.下列选项中，用于实现反转wrap排列，第一行显示在下方的是()A、flex-wrap：wrap-reverseB、flex-wrap：no-wrapC、flex-wrap：wrapD、flex-wrap：reverse答案：A83.下列选项中，Bootatrap中可以实现内联列表的类是（）A、list-inlineB、list-inline-textC、list-lineD、list-item答案：A解析：
Bootstrap中使用.list-inline结合.list-inline-item样式来实现多列并排列表，也就是说把垂直列表转换成水平列表，并且去掉项目符号，通常使用内联列表来制作水平导航
移动编辑删除84.关于Bootstrap提供的<h1>-<h6>标题，说法错误的是()。A、从一级标题到六级标题，数字越大所代表的级别越小B、从一级标题到六级标题，数字越小，文本越小C、素的样式会随着浏览器的修改而进行变动D、元素在不同的浏览器下显示效果相同答案：B85.下列选项中关于Bootstrap4提供的内外边距的设置，描述错误的是()。A、类名.my-*，设置元素的上边距和下边距B、边距值可以选取0~4和autoC、类名.mr-*，设置元素的右边距D、类名.ml-auto，设置元素的左边距为auto答案：B86.下面选项中，属于Bootstrap中预定义好的class类的是()A、btnB、divC、ulD、li答案：A87.Bootstrap栅格系统中，大于多少列需要另起一行（）A、9B、10C、11D、12答案：D88.下列选项中，支持Bootstrap4的浏览器的是（）A、IE8+B、IE7+C、IE10+D、IE9+答案：C解析：
Bootstrap4兼容IE10+和iOS7+，所以C选项正确。89.下列选项中，Bootatrap中提供的常见的代码标签中可以预格式化文本，保存所有格式，显示多行代码的标签是()A、<samp>B、<var>C、<kbd>D、<pre>答案：D90.下列选项中，不属于Chrome浏览器优势的是()A、市场占有率低，兼容性差B、提供了很多方便开发者使用的插件C、设计简单易用、开发高效的D、基于强大的JavaScript答案：A91.下列选项中，在Bootstrap4中可以用来表示平板设备的是()A、-smB、-msC、-mdD、-xs答案：A92.下列选项中，可以用来设置警告颜色的类有（）A、text-primaryB、text-successC、text-warningD、text-white答案：C93.下面选项中，表示弹性盒子元素向垂直于轴的方向上的中间位置对齐（）A、baselineB、flex-startC、centerD、flex-end答案：C解析：
A选项表示如果弹性盒子元素的行内轴（页面中文字的排列方向）与侧轴方向一致，则该值与flex-start等效，其他情况下，该值将与基线对齐；B选项表示弹性盒子元素向垂直于轴的方向上的起始位置对齐；D选项表示弹性盒子元素向垂直于轴的方向上的结束位置对齐，所以C选项是正确的。94.在bootstrap中，下列不属于图片处理的类是()A、img-fluidB、rounded-circleC、img-roundedD、rounded答案：C95.下列选项中，关于图文样式说法错误的是()A、rounded-left-0:去掉元素上方位的圆角B、rounded-circle:给元素设置圆角边框C、rounded-bottom-0:去掉元素下方位的圆角D、rounded-0:掉元素圆角答案：A96.关于Bootstrap提供的<h1>-<h6>标题，说法错误的是()。A、从一级标题到六级标题，数字越大所代表的级别越小B、从一级标题到六级标题，数字越小，文本越小C、素的样式会随着浏览器的修改而进行变动D、元素在不同的浏览器下显示效果相同答案：B97.下列选项中，属于Bootstrap创建表单控件的帮助文本的类是（）
8分A、text-openB、form-textC、text-blockD、form-block答案：B解析：
可以使用.form-text（在v3中称为.help-block）创建表单中的块级帮助文本。98.下列选项中，在实现轮播图效果时，不需要引入的文件是()A、jquery-3.2.1.min.jsB、bootstrap.min.cssC、bootstrap.min.jsD、bootstrapmin.bundle.js答案：D99.下列选项中，关于Bootstrap的说法正确的是()A、它提供了一个带有网格系统、链接样式、背景的基本结构B、它自全的SS样式C、Bootstrap提供了强大的插件D、以上全部正确答案：D100.下列选项中，说法错误的是()A、window.sessionStorage对象用于区域存储B、window.localStorage对象用于本地存储C、WebStorage接口提供的clear(key)方法，用于删除键名为key的存储内容D、使用sessionStorage存储的数据，当浏览器关闭后，内存将被自动清除答案：C101.下面选项中，使用Sass语法声明变量书写正确的是（）A、highlight-colorB、$highlight-colorC、&highlight-colorD、#highlight-color答案：B102.下列选项中，用来设置盒子模型border-box的属性是（）A、box-sizingB、boxC、boder-sizingD、box-size答案：A103.下列选项中关于Bootstrap4的Flex布局说法正确的是()。A、使用.d-flex类可以将任何一个容器指定为Flex布局B、默认使用flex-column类来设置项目在垂直方向显示C、使用.justify-content-around类设置元素在主轴的两端对齐方式D、使用.justify-content-between对齐方式，项目之间的间隔比项目与边框的间隔大一倍答案：A104.下列选项中，Bootatrap中可以实现文本两端对齐的类是（）A、text-rightB、text-nowrapC、text-justifyD、text-center答案：C105.下列选项中，在Bootstrap4中可以实现在平板将一行分成3列效果的类名是()A、col-lg-4B、col-md-4C、col-sm-4D、col-xs-4答案：C106.下列选项中关于文本颜色说法正确的()。A、text-success:成功文本颜色B、text-light:浅灰色文本C、text-danger:危险提示文本颜色D、以上全部正确答案：D107.下列选项中，关于单独制作移动端页面说法错误的是()A、单独制作移动端页面，通常的做法是不改变原有的PC端页面，针对移动端单独开发出一套特定的版本。B、针对不同的屏幕尺寸去分别制作一个网站，这样访问不同的网址会产生不同的页面效果，工作量比较大。C、由于单独制作移动端网站会产生多个URL，因此重定向移动网站需要花费一些时间。对搜索引擎做一些处理，维护成本会增加。D、不能充分考虑到平台的优势和局限性，所以不能创建良好的用户体验设计。答案：D108.导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加（）类。A、折叠按钮加data-toggle='collapsed'，折叠容器需要加collapsed类B、折叠按钮加data-toggle='collapse'，折叠容器需要加collapse类C、折叠按钮加data-toggle='scroll'，折叠容器需要加collapse类D、折叠按钮加data-toggle='scroll，折叠容器需要加collapsed类答案：B109.下列选项中，用来设置视口初始缩放比的是()。A、initial-scaleB、maximum-scaleC、minimum-scaleD、user-scalable答案：A110.下列选项中，在Bootstrap4中可以用来表示平板设备的是()A、-smB、-msC、-mdD、-xs答案：A111.导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加()类。A、折叠按钮加data-toggle='collapsed'，折叠容器需要加collapsed类B、折叠按钮加data-toggle='collapse'，折叠容器需要加collapse类C、折叠按钮加data-toggle='scroll'，折叠容器需要加collapse类D、折叠按钮加data-toggle='scroll，折叠容器需要加collapsed类答案：B112.下列选项文说法错误的是()。A、text-justify:实现两端对齐文本效果B、text-lowercase:设置英文大写C、text-nowrap:段落中超出屏幕部分不换行D、text-capitalize:设置每个单词首字母大写答案：B113.下列选项中，属于Bootstrap创建表单控件的帮助文本的类是()A、text-openB、form-textC、text-blockD、form-block答案：B114.下列选项中，属于Bootstrap默认表单的是（）A、水平表单B、内联表单C、垂直表单D、外联表单答案：C解析：
Bootstrap提供了两种类型的表单布局:堆叠表单(全屏宽度)：垂直方向（默认）
内联表单：水平方向115.如下代码段，<divclass="row">
<divclass="col"></div>
<divclass="col"></div>
</div>中，每个col表明的宽度是()A、100%B、50%C、33.3%D、25%答案：B116.下列选项中，在Bootstrap4中可以用来表示桌面显示器的是()A、col-sm-B、col-md-C、col-xs-D、col-lg-答案：B117.下列选项中，用来设置视口初始缩放比的是()。A、initial-scaleB、maximum-scaleC、minimum-scaleD、user-scalable答案：A118.下列选项中，用来设置类前缀的是（）A、containerB、rowC、container-fluidD、col-md-*答案：D解析：
选项A和C是布局容器的类；选项B表示行的类119.下列选项中，关于移动端Web浏览器说法正确的是()A、Android系统内置MobileSafari浏览器B、iOS系统内置AndroidBrowser浏览器C、iOS系统内置MobileSafari浏览器D、大多数移动端Web浏览器都是基于Trident内核开发的答案：C120.下列选项中，可以用来设置警告颜色的类有()A、text-primaryB、text-successC、text-warningD、text-white答案：C121.下列选项中，Bootatrap中可以实现列表初始化的类是()A、list-styledB、list-styleC、list-unstyleD、list-unstyled答案：D122.下列选项中，Bootatrap中可以实现内联列表的类是()A、list-inlineB、list-inline-textC、list-lineD、list-item答案：A123.下列选项中，在网站的域名中用来表示移动端网站的是（）A、https://main.m.taobao./B、https://main.b.taobao./C、https://main.n.taobao./D、https://main.taobao./答案：A解析：
在移动端浏览器中分别访问A、B、C、D选项的url地址，只有A选项可以打开移动端淘宝网页，所以A选项正确。
移动编辑删除124.下列选项中，在Bootstrap4中可以用来表示平板设备的是()A、col-sm-B、col-md-C、col-xs-D、col-lg-E、。答案：A125.在Bootstrap中，用于表示一个块级按钮(拉伸至父元素100%的宽度)的类是（）
8分A、btn-lgB、btn-mdC、btn-smD、btn-block答案：D126.下列选项中，background样式中用来引入背景图片的属性是()A、url()B、data()C、src()D、href()答案：A127.下列选项中，Bootstrap插件全部依赖的是()插件A、JavaScriptB、jQueryC、NodeD、Angular答案：B128.下列选中，用来实现输入框组结构样式的是()A、input-groupB、inputC、btn-groupD、list-group答案：A129.下列选项中，关于分页组件说法错误的是()A、使用类pagination来实现B、pagination-lg、pagination-sm类提供了额外可供选择的尺寸C、previous类表示下一页D、disabled类显示分页链接不可用d答案：C130.下列选项中，关于Bootstrap的说法正确的是()A、Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构B、Bootstrap内置自带全局的CSS设置C、Bootstrap提供了强大的插件D、以上全部正确答案：D131.下列选项中，表示在屏幕上按1:1显示时，水平方向有500个像素点（色块），垂直方向有200个像素点（色块）的图片的是()A、500*200B、200*500C、500*500D、200*200答案：A132.在Bootstrap中，关于响应式栅格系统的描述错误的是()A、col-：平板设备B、col-md-：桌面显示器C、col-lg-：大桌面显示器D、col-xl-：超大桌面显示器答案：A133.下列选项中，用于设置100%宽度，占据全部视口（viewport）的容器代码正确的是()A、<divclass="container">...</div>B、<divclass="container-fluid">...</div>C、<divid="container">...</div>D、<divid="container-fluid">...</div>答案：B134.下列选项中，表示在屏幕上按1:1显示时，水平方向有500个像素点（色块），垂直方向有200个像素点（色块）的图片的是（）A、500*200B、200*500C、500*500D、200*200答案：A解析：
B选项表示图片水平方向有200个像素点（色块），垂直方向有500个像素点（色块）。C选项表示图片水平方向有500个像素点（色块），垂直方向有500个像素点（色块）；D选项表示图片水平方向有200个像素点（色块），垂直方向有200个像素点（色块），所以A选项正确。135.下面选项中，VisualStudioCode中用来把less文件编译为css文件的插件是（）A、EasyLESS插件B、node-sassC、LESSD、CSS答案：A136.
下面选项中，可以将color.scss文件编译为output.css文件的是（）A、node-sasscolor.scsstooutput.cssB、node-sasscolor.scssoutputoutput.cssC、node-sasscolor.scssoutput.cssD、node-sasscolor.scssinputoutput.css答案：C137.下列选项中关于Bootstrap4的Flex布局说法正确的是()。A、使用.d-flex类可以将任何一个容器指定为Flex布局B、默认使用flex-column类来设置项目在垂直方向显示C、使用.justify-content-around类设置元素在主轴的两端对齐方式D、使用.justify-content-between对齐方式，项目之间的间隔比项目与边框的间隔大一倍答案：A138.以下代码
P{
width:1in+8pt;
}
编译后的结果为()A、p{width:0.111in;}B、p{width:1.100in;}C、p{width:1.000in;}D、p{width:1.111in;}答案：D139.下列选项中，用来设置盒子模型border-box的属性是()A、box-sizingB、boxC、boder-sizingD、box-size答案：A140.下列关于HTML5中多媒体API的说法正确的是()。A、使用<audio>标签来定义视频播放器B、使用<video>标签来定义音频播放器C、<video>标签的controls属性用于为视频提供播放控件D、<audio>标签支持0gg音频格式。答案：C141.下列选项中，Bootatrap中可以实现文本居中对齐的类是（）A、text-leftB、text-nowrapC、text-justifyD、text-center答案：D142.下列选项中，属于HTML5新增标签，并且可以实现图片响应式效果的是()A、<img>B、<picture>C、<center>D、<image>答案：B143.下列选项中，在Bootstrap4中可以用来表示平板设备的是()A、col-sm-B、col-md-C、col-xs-D、col-lg-E、。答案：A144.Bootstrap栅格系统中，大于多少列需要另起一行()A、9B、10C、11D、12答案：D145.下列选项中，属于HTML5新增标签，并且可以实现图片响应式效果的是（）A、<img>B、<picture>C、<center>D、<image>答案：B146.在移动端浏览器中，用户正在浏览的网站区域被称为（）A、布局视口B、理想视口C、视觉视口D、模拟视口答案：C解析：
A选项布局视口是指网页的宽度，一般移动端浏览器都默认设置了布局视口的宽度；B选项理想视口是指对设备来讲最理想的视口尺寸；D选项不存在，所以C选项正确。147.下面选项中，可以将color.scss文件编译为output.css文件的是()A、node-sasscolor.scsstooutput.cssB、node-sasscolor.scssoutputoutput.cssC、node-sasscolor.scssoutput.cssD、node-sasscolor.scssinputoutput.css答案：C148.下列选项中，用来实现导航栏中每一项结构样式的是()A、nav-itemB、navC、list-itemD、btn-item答案：A149.下列选项中，关于div元素类名为“col-md-4”的说法错误的是（）A、col表示列B、md表示在平板设备中定义列时使用的类前缀C、md表示在桌面显示器中定义列时使用的类前缀D、其中的4代表每一列占4份答案：C解析：
.col-md-*表示在桌面显示器中定义列时使用的类前缀150.下列选项中，关于移动端Web浏览器说法正确的是()A、Android系统内置MobileSafari浏览器B、iOS系统内置AndroidBrowser浏览器C、iOS系统内置MobileSafari浏览器D、大多数移动端Web浏览器都是基于Trident内核开发的答案：C151.下列选项中，不属于Chrome浏览器优势的是()A、市场占有率低，兼容性差B、提供了很多方便开发者使用的插件C、设计简单易用、开发高效的D、基于强大的JavaScript答案：A152.下列选项中，关于分页组件说法错误的是（）A、使用类pagination来实现B、pagination-lg、pagination-sm类提供了额外可供选择的尺寸C、previous类表示下一页D、disabled类显示分页链接不可用答案：C153.以下代码
P{
width:1in+8pt;
}
编译后的结果为（）A、p{width:0.111in;}B、p{width:1.100in;}C、p{width:1.000in;}D、p{width:1.111in;}答案：D154.下面选项中，VisualStudioCode中用来把less文件编译为css文件的插件是()A、EasyLESS插件B、node-sassC、LESSD、CSS答案：A155.在Bootstrap中，用于表示一个块级按钮(拉伸至父元素100%的宽度)的类是()A、btn-lgB、btn-mdC、btn-smD、btn-block答案：D156.下列选项中，在Bootstrap4中可以实现在平板将一行分成3列效果的类名是（）A、col-lg-4B、col-md-4C、col-sm-4D、col-xs-4答案：C解析：
.col-sm表示平板设备，因为一行为12列，那么将1行分为3列的话，那么每一列就是占4份，即.col-sm-4。判断题1.组件是一个抽象的概念，是对数据和方法的简单封装。()A、正确B、错误答案：A2..col-md-3类表示在桌面显示器设备下占3份，可以在一行中显示3列。
对
错A、正确B、错误答案：B3.SVG的含义为可缩放矢量图形。()A、正确B、错误答案：A4.Bootstrap4中使用margin的简写.m-*来设置元素的内边距。()A、正确B、错误答案：B5.在Bootstrap中，.table-striped类可以实现条纹表格，设置斑马线效果，实现隔行换色()A、正确B、错误答案：A6.Bootstrap4中的.container类的最大宽度根据移动端设备屏幕自动设置为100%、750px、970px和1170px。()A、正确B、错误答案：B7.在使用iSeroll.js插件时，容器元素的子元素都可以进行滚动。()A、正确B、错误答案：B8.给<img>图片添加.img-fluid类，能够实现响应式效果。()A、正确B、错误答案：A9.每个组件拥有自己的作用域，区域之间独立工作互不影响，组件可以有自己的属性和方法。()A、正确B、错误答案：A10.Less是一门CSS扩展语言，也称为CSS预处理器()A、正确B、错误答案：A11.FontAwesome库提供了可缩放矢量图标，并且可以通过CSS代码来控制字体的大小和颜色。()A、正确B、错误答案：A12.Bootstrap中，最基本的列表组是一个无序列表、带有几个列表项以及适当的样式定义类。
对
错A、正确B、错误答案：A13.<del>和<u>都可以实现文本删除效果。()A、正确B、错误答案：A14.在Bootstrap4中，当屏幕尺寸小于768px时，表示超小屏幕(手机)。()A、正确B、错误答案：B15.在Less中，当两个数参与运算时，运算符“+”“_”“*”“”的左右有个空格隔开。()A、正确B、错误答案：B16.VSCode是由微软公司推出的一款免费、开源的编辑器。()A、正确B、错误答案：A17.布视口对设备来讲最理想的视口。()A、正确B、错误答案：B18.列表中如果内容比较多时可以使用text-truncate省略溢出部分，并使用省略号来代替。()A、正确B、错误答案：A19.Bootstrap中定义的.h1~.h6类可以让非标题元素实现标题效果。()A、正确B、错误答案：A20.Bootstrap4中的.container类的最大宽度根据移动端设备屏幕自动设置为100%、750px、970px和1170px。()A、正确B、错误答案：B21.布视口对设备来讲最理想的视口。()A、正确B、错误答案：B22.Bootstrap所提供的许多组件都依赖JavaScript才能运行。()A、正确B、错误答案：A23.Bootstrap4栅格系统是指将页面布局划分为等宽的列，随着屏幕或视口尺寸的增加，系统会自动分为1-12列()。A、正确B、错误答案：A24.组件对结构的抽象，组件可构成面中独立结构单元。()A、正确B、错误答案：A25.SVG的含义为可缩放矢量图形。()A、正确B、错误答案：A26.Swipe.js是一个轻量级的触摸滑动插件。()A、正确B、错误答案：A27.在Bootstrap4中，根据class类指定标签的外观和形状，并用不同的类名实现不同的样式。()A、正确B、错误答案：A28.Fastclick插件是由FTLabs开发的JavaScript库。()A、正确B、错误答案：A29.Less是一门CSS扩展语言，也称为CSS预处理器()A、正确B、错误答案：A30.col-md-3类表示在桌面显示器设备下占3份，可以在一行中显示3列。()A、正确B、错误答案：B31.Bootstrap4支持IE9+浏览器。()A、正确B、错误答案：B32.Bootstrap中定义的.h1~.h6类可以让非标题元素实现标题效果。()A、正确B、错误答案：A33.组件是一个抽象的概念，是对数据和方法的简单封装。()A、正确B、错误答案：A34.container类用于设置100%宽度，占据全部视口(viewport)的容器。()A、正确B、错误答案：B35.列表中如果内容比较多时可以使用text-truncate省略溢出部分，并使用省略号来代替。()A、正确B、错误答案：A36.在Bootstrap4中，根据class类指定标签的外观和形状，并用不同的类名实现不同的样式。()A、正确B、错误答案：A37.localStorage是永久性存储。()A、正确B、错误答案：A38.<del>和<u>都可以实现文本删除效果。()A、正确B、错误答案：A39.Sass使用$符号来标识变量。()A、正确B、错误答案：A40.副标题加上.text-muted样式后，字体颜色会变浅。()A、正确B、错误答案：A41.Bootstrap4中媒体对象只需要引用.media和.media-body来包裹内容即可。()A、正确B、错误答案：B42.text-white和.text-muted类不支持链接样式。()A、正确B、错误答案：A43.在同一台设备上,图片的像素点和屏幕的像素点是一一对应的。如果图片分辨率越高越模糊;图片分辨率越低，图片越清晰。()A、正确B、错误答案：B44.Swipe.js是一个轻量级的触摸滑动插件。()A、正确B、错误答案：A45.在Bootstrap4中，当屏幕尺寸小于768px时，表示超小屏幕（手机）。()A、正确B、错误答案：B46.FontAwesome库提供了可缩放矢量图标，并且可以通过CSS代码来控制字体的大小和颜色。()A、正确B、错误答案：A47.bootstrap.bundle.js中不包含jQuery，所以在使用jQuery时，需要单独引入jQuery核心文件。
5分
对
错A、正确B、错误答案：A48.Bootstrap所提供的许多组件都依赖JavaScript才能运行。()A、正确B、错误答案：A49.Sass是世界上最成熟、最稳定、最强大的专业级CSS扩展语言。()A、正确B、错误答案：A50.bg-dark结合.navbar-dark可以设置导航栏实现白底黑字效果。()A、正确B、错误答案：B51.container类用于设置100%宽度，占据全部视口(viewport)的容器。()A、正确B、错误答案：B52.栅格系统英文的意思是“GridSystems”，即“网格系统”，是用固定的格子进行网页布局。()A、正确B、错误答案：A53.Bootstrap4栅格系统是指将页面布局划分为等宽的列，随着屏幕或视口尺寸的增加，系统会自动分为1-12列()。A、正确B、错误答案：A54.给<img>图片添加.img-fluid类，能够实现响应式效果。()A、正确B、错误答案：A55.响应式Web开发是指同页面在不同屏幕尺寸下有不同的布局。()A、正确B、错误答案：A56.栅格系统英文的意思是“GridSystems”，即“网格系统”，是用固定的格子进行网页布局。()A、正确B、错误答案：A57.Bootstrap中，最基本的列表组是一个无序列表、带有几个列表项以及适当的样式定义类。()A、正确B、错误答案：A58.text-white和.text-muted类不支持链接样式。()A、正确B、错误答案：A59.在使用iSeroll.js插件时，容器元素的子元素都可以进行滚动。()A、正确B、错误答案：B60.background-size中的高度可以省略。()A、正确B、错误答案：A61.Sass使用$符号来标识变量。()
三、选择题A、正确B、错误答案：A62.Sass是世界上最成熟、最稳定、最强大的专业级CSS扩展语言。()A、正确B、错误答案：A63.在开发的时候用到的1px一定就等于1个物理像素。()A、正确B、错误答案：B64.Fastclick插件是由FTLabs开发的JavaScript库。()A、正确B、错误答案：A65.在同一台设备上,图片的像素点和屏幕的像素点是一一对应的。如果图片分辨率越高越模糊;图片分辨率越低，图片越清晰。()A、正确B、错误答案：B66.VSCode是由微软公司推出的一款免费、开源的编辑器。()A、正确B、错误答案：A67.Fastclick插件不能解决click事件在移动端触发时有大约300ms延时的问题。()A、正确B、错误答案：B68.localStorage是永久性存储。()A、正确B、错误答案：A69.Bootstrap4中媒体对象只需要引用.media和.media-body来包裹内容即可。()A、正确B、错误答案：B70.background-size中的高度可以省略。()A、正确B、错误答案：A71.在使用轮播组件时，左右切换按钮中的<a>标签上的href属性，必须与轮播图组件的id值相一致。()A、正确B、错误答案：B72.Fastclick插件不能解决click事件在移动端触发时有大约300ms延时的问题。()A、正确B、错误答案：B73.在Bootstrap4中，当屏幕尺寸小于768px时，表示超小屏幕（手机）。
对
错A、正确B、错误答案：B74.在Bootstrap中，.table-striped类可以实现条纹表格，设置斑马线效果，实现隔行换色
对
错A、正确B、错误答案：A75.组件对结构的抽象，组件可构成面中独立结构单元。()A、正确B、错误答案：A76.Bootstrap4中使用CSS预编译，使得CSS样式代码更加容易维护和扩展()A、正确B、错误答案：A简答题1.在开发时，要首先创建一个添加了__________类名的div元素作为行。答案：row2.阅读程序，并填空
文件结构如下图：
划横线部分都是考点答案：图片填空3.EasyLESS插件实现___________编译。答案：Less4.Bootstrap是由___________公司的这计师合作开发的框架。答案：Twitter5.阅读程序，并填空
文件结构如下图：
划横线部分都是考点
答案：划线部分考点6.touch触摸事件发生后会产生的事件对象是___________答案：TouchEvent对象7.使用___________类名可以统一表单元素的格式并优化常规外观、focus选中状态和尺寸大小。答案：form-control8.在Bootstrap中使用___________表示危险提示文本信息。答案：.text-danger9.可以给元素同时添加。d-none结合__________类，实现元素除了在小屏设备上显示外，在其他的屏幕设备上元素都隐藏的效果。答案：.d-sm-block10.在类名col-md4中，md表示__________答案：桌面显示器中定义列时使用的类前缀11.初始化移动端默认样式使用的库是___________答案：Normalize.css12.Bootstrap中提供了___________样式对列表进行初始化。答案：.list-unstyled13.HTML5为window.navigator.onLine接口提供了___________事件，在用户网络连接时调用。答案：online14.使用__________类名可以定义单个主按钮的样式。答案：btn-primary15.Less可以实现+、*和___________的运算。答案：/16.使用___________类名可以定义列表组中每一项的样式。答案：list-group-item17.请简述什么是栅格系统。答案：
栅格系统（GridSystems），即网格系统，它是一种清晰、工整的设计风格，用固定的格子进行网页布局。栅格系统最早应用于印刷媒体上，后来，栅格系统被应用于网页布局中。随着响应式设计的普及，栅格系统开始被赋予了新的含义，即一种响应式设计的实现方式。18.在类名col-md-4中，___________表示列。答案：col19.Bootstrap4中提供了___________5类,用来表示CSS样式代码{margin-bottom:3rem!important;}。答案：.mb-20.HTML5提供了___________方法用于关闭全屏显示。答案：cancelFullScreen()21.初始化移动端默认样式使用的库是___________答案：Normalize.css22.HTML5为window.navigator.
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论