第一章
一、填写空题
1.推特
2.移动设备
3.Java script语言
4.眨眼
5.移动旅行
二、对错题
1 .错误
2.对吧
3.对吧
4.对吧
5.对吧
三、选择题
1.D
2.D
3.A
4.C
四。简答题
1.简述Bootstrap的特点。
1.响应式设计:Bootstrap框架为用户提供了一个具有移动设备优先级的响应式流媒体网格系统。具有完整的框架，项目开发方便快捷，提高了开发效率。
2.移动设备优先级:随着移动设备用户数量的增加，自Bootstrap 3以来，框架的设计理念发生了变化，转向以移动设备优先级为目标。Bootstrap 3默认风格为移动设备提供友好的支持。
3.浏览器支持:目前主流浏览器都支持Bootstrap框架，包括IE、Firefox、Chrome、Safari等。Bootstrap 4兼容IE 10+和iOS 7+。
4.成本低，简单易用:学习Bootstrap框架的门槛不高，只要读者有HTML，CSS，Javascript的基础知识即可。Bootstrap框架有完善的文档，在开发中很容易找到和使用。Bootstrap还具有很强的扩展性，可以很好的结合真实的Web开发项目。
5.CSS预编译:CSS预编译的工作原理是为开发者编写源代码提供方便的语法和特性，然后使用专门的编译工具将源代码转换成CSS语法。Bootstrap 4中使用Sass来编写和预编译CSS，减少了冗余代码，使CSS样式代码更易于维护和扩展。
6.框架成熟度:Bootstrap框架相对成熟。它不断适应Web技术的发展，在原有基础上更新、迭代、改进，在大量项目中广泛应用，并通过不断的测试得到改进。
7.丰富的组件库:Bootstrap框架提供了强大的组件和插件，如小图标、按钮组、菜单导航、标签页等。丰富的组件和插件使开发人员能够快速构建前端页面。开发者也可以根据实际需要定制组件和插件。
2.简述响应式Web开发的特点。
1.跨平台:响应式开发具有跨平台的优势，可以快速解决多终端设备的显示适配问题。只需要开发一套网站就可以在多个平台上使用，给用户带来风格一致的视觉体验。
2.容易被搜索引擎收录:响应式网站做出来后，无论在移动设备还是PC设备上访问，都会访问相同的链接地址，这样网站的权重就不会分散，网站对搜索引擎的友好度也会提高。
3.节约成本:响应式网站可以兼容多种终端，开发者不需要为每个终端编写不同的代码。而且响应式网站可以只通过一个后台管理，多个终端的数据可以保持同步，这样在制作的时候就可以减少专职程序开发人员的人员配备。对于开发者来说，减少了大量重复性工作，提高了工作效率；对于公司来说，节省了人员开支，降低了开发成本。
第二章
一、填写空题
1.布局视口、视觉视口和理想视口
2.
3.Normalize.css
4 .封面
二、对错题
1.对吧
2.错误的
3.错误的
4.错误的
5.对吧
三、选择题
1.A
2.A
3.B
4.A
5.A
四。简答题
1.请简要描述什么是视窗。
视口是移动前端开发中一个非常重要的概念，最早是苹果针对iOS系统的Safari浏览器推出的。其目的是让iPhone的小屏幕尽可能完整地显示整个网页。
2.请简要描述视口标签的属性和含义。
1.width:设置视口宽度，可以是正整数或特殊值device-width。
2.height:设置视口高度，可以是正整数，也可以是特殊值device-height。
3.初始缩放:初始缩放比例，范围从0.0到10.0。
4.maximum-scale:最大缩放比例，取值范围为0.0~10.0。
5.最小比例:最小比例，范围从0.0到10.0。
6.用户可缩放:用户是否可以缩放，其值为是或否。
第五，编程问题
1.请通过代码演示一下背景图片的重影效果的实现过程。
新建index.html文件，定义类名分别为img1和img2的
标签，HTML代码如下。创建一个新的index.html文件，并分别用类名img1和img2定义标记。HTML代码如下。
文件
单一图像效果:
双重图像效果:
介绍单幅图的背景图，CSS代码如下。
为了实现背景图像的双重图像效果，CSS代码如下。
打开Chrome浏览器，然后切换到移动设备，刷新页面。你可以看到双图像比单图像更清晰。
第三章
一、填写空题
1 .在线
2 .取消全屏
触摸移动
4.TouchEvent对象
5.链接
二、对错题
1.对吧
2.对吧
3.对吧
4.错误的
5.错误的
三、选择题
1.C
2.C
3.C
四。简答题
1.简要描述sessionStorage和localStorage的区别。
localStorage和sessionStorage的唯一区别是存储数据的生命周期不同。LocaStorage是永久存储，而sessionStorage的生命周期与会话一致，数据在会话结束时消失。从硬件方面来说，本地存储的数据存储在硬盘上。关闭浏览器时，数据仍在硬盘上，再次打开浏览器时仍可获取。sessionStorage的数据存储在浏览器的内存中，关闭浏览器时会自动清空内存。
2.简要描述常见的触摸事件及其功能。
1.touchstart:表示手指触摸屏幕时触发。
2.touchmove:表示当手指在屏幕上移动时触发。
3.触摸:指手指离开屏幕时触发。
4.touchcancel:表示触摸事件在系统取消时被触发。
第四章
一、填写空题
1.@变量名:值；
2.{}
3.较少的
4./
二、对错题
1.对吧
2.错误的
3.对吧
4.对吧
三、选择题
1.D
2.A
3.D
4.A
5.A
四。简答题
1.请简要描述什么是Sass。
Sass是一种成熟、稳定、强大的专业CSS扩展语言。是强化CSS的辅助工具。在CSS语法的基础上，增加了变量、嵌套、混合、导入等高级功能，使CSS更加强大和优雅。使用Sass及其样式库有助于更好地组织和管理样式文件，更高效地开发项目。
2.请简述少变量的定义和规则。
Less变量的语法格式:
@变量名:值；
变量命名的规范主要包括:
1.您必须以@作为前缀。
2.不能包含特殊字符
3.不能以数字开头
4.区分大小写
第五，编程问题
1.请用较少的代码将P元素的宽度和高度设置为200px，背景颜色为红色。
创建一个新的index.html文件，定义标签，HTML代码如下。
文件
在Visual Studio代码编辑器中，编写我的。更少的文件，更少的代码如下。
@ width:200 px；
@ height:200 px；
p{
宽度:@ width
身高:@身高；
背景色:红色；
}
保存my.less文件，自动编译成my.css文件。CSS代码如下。
p{
宽度:200px
高度:200px
背景色:红色；
}
在index.html文件中，引入my.css文件，具体代码如下。
在Chrome浏览器中打开index.html文件，查看页面效果。
第五章
一、填写空题
一..容器类。容器-uid类
2.row
3.col
4.在桌面显示中定义列时使用的类前缀
二、对错题
1.对吧
2.对吧
3.错误的
4.错误的
5.错误的
三、选择题
1.D
2.A
3.C
4.A
5.B
四。简答题
1.请简要描述什么是网格系统。
网格系统，即Grid system，是一种清晰整洁的设计风格，使用固定的网格进行网页布局。网格系统最早应用于平面媒体，后来，网格系统应用于网页布局。随着响应设计的流行，网格系统被赋予了新的含义，即实现响应设计的一种方式。
2.简述网格系统主要包括哪些选项参数。
。集装箱最大集装箱宽度分类前缀
列数
可嵌套
抵消
第五，编程问题
请用代码演示桌面显示中的表格结构是1行4列。在小屏幕中，有两行两列。
文件
(全名)
张三年龄29第六章
一、填写空题
1 . BTN-初级
2 . BTN-组
3 .列表-组-项目
4 .表单控制
二、对错题
1.对吧
2.对吧
3.对吧
4.对吧
三、选择题
1.D
2.A
3.D
4.D
5.A
四。简答题
1.请简要描述什么是组件。
组件是一个抽象的概念，是数据和方法的简单封装。用面向对象的思想来说，将一些符合某种规范的类组合起来，就构成了一个组件，通过这个组件可以为用户提供一些特定的功能。简而言之，组件就是一个对象。
组件表示系统中实现的物理部分，它是系统中物理的、可替换的组件，封装了一系列可用的接口。
2.请简要描述下拉菜单的功能。
下拉菜单的实现思路是，当用户点击页面中的选项按钮时，页面会显示当前选项下的菜单选项；当用户再次单击页面中的选项按钮时，页面会自动隐藏当前选项按钮下的菜单选项。
第五，编程问题
请用代码实现列表分组页面的效果。
文件
列表1
列表2列表3列表4列表5第七章
一、填写空题
一..列表无样式
2.50
3..文本-危险
四..清除浮动
5..表条纹的
二、对错题
1.对吧
2.对吧
3.对吧
4.对吧
5.对吧
三、选择题
1.B
2.D
3.B
4.A
第四，编程问题
设计一个响应式窗体，实现窗体的鼠标悬停和斑马线效果。
表格悬停样式:鼠标悬停效果
表条纹风格:斑马线效果
文件
#
第一最后的处理一个
标记香精油@mdo2
雅各桑顿（姓氏）@胖三
称量车这只鸟@推特第八章
一、填写空题
一..mb-5
2..固定顶的
3..直列式柔性
四..媒体主体
5..d-sm-块
二、对错题
1 .错误
2.对吧
3.错误的
4.错误的
5.错误的
三、选择题
1.B
2.D
3.A
4.A
第四，编程问题
请通过代码简单实现轮播页面效果。
文件
