今天完成的事：

一、修改完成了任务8/9/10

1、学到了bootstrap中负margin的意义

在bootstrap中， .container拥有padding：0 15px；

而.row拥有margin：0 -15px；

正好与容器所抵消

在container中加入一个无margin的标签，则会缩进15px；

二、学习任务12，重新编写任务5/6

1、学习会了使元素旋转

deg=度，旋转一圈为360度，选择为顺时针旋转

使用span标签和transform绘制小箭头

.right-arrow {
  display: inline-block;
  width: 15px;
  height: 15px;
  transform:rotate(45deg);
  border-top: 2px solid #1b6d85;
  border-right: 2px solid #1b6d85;
}

要设置display：inline-block；使span可以设置宽高

宽高设置相同值，可以画出90度角的小箭头

调整不同的宽高值，可以调整箭头的角度大小

宽高不能为0，否则显示为一条竖线

border可以设置小箭头的方向，颜色，粗细

2、阅览了bootstrap4的说明文档

学会了几个方便的类选择器

4.0的bootstrap中，row自带display：flex；行内布局可以使用一些自带的类选择器

例如：

justify-content-between=justify-content：space-between；

align-items-center=align-items：center；

text-right=text-align：right；

3、阅读了选择器优先级文档

https://www.cnblogs.com/zxjwlh/p/6213239.html

!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

！important优先级最高，在bootstrap中经常出现

行内样式是指在标签中添加style=“”

<div style="box-shadow: #0c5460">

ID选择器是指css中编写的#name

类选择器指css中的.name，也就是class

标签指html中的标签，例如div p span等

通配符选择器是指css中的*{color:red;}将所有的字体颜色替换为red，但是通配符会影响网页渲染时间，大多不使用

继承是指后代选择器

main label {}

最后一名是浏览器的默认属性

复合性的选择器需要计算权值

例如：

main label

两个标签，权值为2

.row1 input

class+标签，权值为11

遇到的问题：

随宽度变化的弹性盒子，原理没绕过来

https://blog.csdn.net/majormayer/article/details/50731710

明天的计划：

阅览bootstrap4文档

阅览常见布局的资料：https://segmentfault.com/a/1190000003931851

学习BFC

学习使用flex：1； 

修改任务11

收获：

对于bootstrap的理解加深的一步，同时带来的是对于布局的全局掌控

拿到任务以后，仔细想一想就可以先把需要用到的标签写好，然后再填充样式，效率高了很多