预览加载中,请您耐心等待几秒...
1/8
2/8
3/8
4/8
5/8
6/8
7/8
8/8

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

《Bootstrap响应式Web前端开发》(慕课 版)课后习题及答案 第1章 1-1简述什么是bootstrap是什么。 Bootstrap是全球最受欢迎的前端框架,用于开发响应式、移动设备优先的web项目。 Bootstrap中预定义了一套CSS样式和与样式对应的jQuery代码,在应用该框架时,只需提 供固定的HTML结构,并且为各元素添加bootstrap中提供的class名称,即可实现指定的效 果。 1-2从网格布局的角度讲,bootstrap4版本与bootstrap3的特点是什么? 与bootstrap3版本的网格布局相比,bootstrap4的网格布局与弹性布局相结合,所以, 使用网格布局时,可以不用指定每一列的宽度,而bootstrap3版本则需要严格指定每一列的 宽度。 1-3bootstrap的优点有哪些? Bootstrap主要有以下优点: (1)含有多中常用样式和功能,且占用资源小,可以提高开发效率。 (2)移动设备优先:自bootstrap3起,框架包含了贯穿于整个库的移动设备优先的样 式。 (3)浏览器支持:所有的主流浏览器(包括IE、Chrome、Safari、Firefox、opera)都 支持bootstrap。 (4)容易上手:要使用bootstrap框架,您只需具备HTML、CSS的基础知识就可以 学习bootstrap。 (5)响应式设计:bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机等设 备的屏幕。 1-4简述bootstrap1版本至bootstrap4,各版本的特点。 (1)bootstrap1 2011年8月,Twitter推出了快速搭建网页应用的轻量级前端开发工具bootstrap。它由 动态CSS语言less写成,经过编译后,bootstrap就是众多CSS的合集。 (2)bootstrap2 Bootstrap2最大的改变在于添加12网格的响应式布局,除此之外,它还增加了一些新样 式,并且还修改了一些网页元素的默认样式,同时修改了上一版本中的一些错误,以及完善 了说明文档。 (3)bootstrap3 Bootstrap3版本简化页面组织以及增加和删除的部分组件,同时改进了网格系统,以及 不在支持IE其提供支持的工具,以及增加和删除了布局2013年3月,bootstrap发7和 Firefox3.6等。 (4)bootstrap4 bootstrap4是一项几乎涉及每行代码的大型工作,其更新的内容比较多,包括改进网格系统、 它的特点主要包括:支持flexbox、改进网格系统、增加以及删除部分组件,以及新增边距。 填充等施工工具。 1-5创建一个HTML文件,然后按顺序引用bootstrap相关文件。 <!DOCTYPEhtml> <head> <title>Title</title> </head> <body> <!--正文--> </body> </html> 第2章 2-1为元素添加bootstrap中的标题样式的方法有哪些? 有两种,第一种为直接使用标题标签,如<h1>标签,第二种则是在文字标签中添加对应标 题的类名,如<pclass=”h1”></p> 2-2bootstrap可以设置的最大内间距的尺寸为多少?如果设置元素水平方向的外间距为 1rem,需要添加的类名为什么? Bootstrap可以设置的最大内间距为3rem,设置元素水平方向的外间距为1rem,需要添加的 类名为mx-3. 2-3bootstrap中预设的元素的背景样式有哪些? bootstrap中预设的元素的背景样式有十个,分别 是.bg-primary、.bg-secondary、.bg-success、.bg-danger、.bg-warning、.bg-info、.bg-light、.b g-dark、.bg-white、.bg-transparent 2-4bootstrap中添加与清除表格的边框分别是通过什么类名? 添加边框是通过table-bordered,清除边框是通过table-borderless 2-5如何设置文字为斜体样式? 设置斜体样式的类名为:font-italic。 2-6如何将文字中的英文转换为大写?如何转换为小写? 将英文转换为大写,所添加的类名为:text-uppercase,转换为小写,所添加的类名为: text-lowercase 第3章 3-1响应式网页的特点是什么 响应式网页设计是目前流行的一种网页设计形式,其主要特点是页面布局能够根据不同的设 备(智能手机、平板电脑以及台式电脑等)调整网页内容的布局,从而让用户在不同的设备上都 能友好地浏览网页。 3-2常见的布局方式有哪些? 常见的布局方式有三种,