今天完成的事情：

‍‍1.了解了弹性盒子模型（flex box）‍‍

 1.设置display:flex即可得到弹性盒子，display:flex只能在父元素中使用，使用后子元素全部变成flex-item(弹性元素)，所以float和text-align和vertical-align都不能使用。
   
 2.弹性盒子内的布局默认是从左到右的，但是想要改变布局也可以用direction:rtl(可用于其他类型的元素)或者flex-direction:(值可为row【左到右】   row-reverse【右到左】  column【上到下】  column-reverse【下到上】  flex-direction为弹性盒子专用)。
   

1.  3.justify-content可用于盒子中弹性元素的横轴对齐样式修改，可取值如下    
2.    

     flex-start 默认值。项目位于容器的开头。

      flex-end 项目位于容器的结尾。

      center 项目位于容器的中心。

      space-between 项目位于各行之间留有空白的容器内。

      space-around 项目位于各行前后都留有空白的容器内。

      inherit 继承

 4.同理，align-items则是可以修改纵轴对齐样式：

    ‍‍  

      flex-start 元素置顶‍

      c‍‍ente 竖直居中（比较常用）

      baseline 暂时没搞懂有啥用‍‍

      stretch 暂时没搞懂有啥用‍‍‍‍‍‍

‍‍2.修改了一下任务四的CSS代码的排版样式，感觉还是应该加注释，不加注释到时候有问题改起来太麻烦了‍‍

明天计划的事情：

‍‍ flexbox属性看完，任务五了解一下，先暂时不打算动手写。‍‍
遇到的问题：

 align-items：baseline； 暂时没搞懂有啥用

 align-items：stretch  暂时没搞懂有啥用

收获：

‍‍ 一种新的盒子模型（flexbox），感觉可以在大部分实际任务中都可以代替常规的div‍‍