冯娜 8.19

学习日志

今天学习了BootStrap、下载/引入BootStrap、使用前提、全局样式。

一、什么是BootStrap:

BootStrap是一个用于快速快发Web应用程序和网站的前端框架，BootStrap是基于HTML、CSS、JAVASCRIPT的。

二、BootStrap中文网：

我们使用boot开发的一定是一个简单性的网页，复杂的网页我们不推介使用boot，git：仓库是项目经理来创建，创建好以后，把仓库地址分类每个开发人员。

三、下载/引入BootStrap：

1. 通过从官网下载BootStrap文件，引入到项目中直接使用；
2. 使用BootCDN提供的免费CDN加速服务(同时支持http和https协议)；
3. 通过npm进行安装；
4. 通过yarn进行安装；
5. 通过Bower进行安装。

四、使用前提：

1. HTML5文件类型；
2. 移动端设备优先。

五、全局样式：

一、容器;

1. container:定宽容器，左右内边距15px，水平居中，每种不同的分辨率下，有不同的最大宽度(max-width);
2. container-fluid:变宽容器，宽度永远是父级的100%.

二、按钮相关的class：

1. btn： 对按钮的设置：行内块，文本字体的设置，伪类的设置一共42行 ；
2. 按钮颜色：.btn-danger:红色等；
3. 带边框的按钮：.btn-outline-success:绿色边框；
4. 按钮大小：.btn-sm小按钮、.btn-lg大按钮；
5. 特殊按钮：.btn-block:块级按钮、.btn-link:链接按钮；
6. 激活和禁用按钮：.active 类可以设置按钮是可用的、disabled 属性可以设置按钮是不 可点击的。

三、图片相关的class：.rounded:圆角等的设置。

四、文字相关的class：字体颜色、字体大小、字体权重、字号大小、文本的对齐方 式、文本样式。

五、背景相关的class：背景颜色。

六、列表相关的class：ul和li。

七、表格相关的class：.table:基本类，对table元素和table元素的后代做布局，进行修 饰、设置边框、边框背景色、隔行换色、悬停换色、较小的表 格、表头颜色、响 应式。

八、表单的样式：表单、表单元素。

九、辅助类：边框、浮动、显示与隐藏、行内边距、尺寸。

今天的学习感觉还勉强可以跟上。