今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

对任务七的第二个页面布局：

 对以前学习的知识进行了巩固

position

position 属性规定元素的定位类型。

属性值：

absolute    生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

                元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed    生成绝对定位的元素，相对于浏览器窗口进行定位。

           元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative    生成相对定位的元素，相对于其正常位置进行定位。

               因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。

static    默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

inherit    规定应该从父元素继承 position 属性的值。

display:flex

以下6个属性设置在容器上：

flex-direction　　容器内项目的排列方向(默认横向排列)　

flex-wrap　　容器内项目换行方式

flex-flow　　以上两个属性的简写方式

justify-content　　项目在主轴上的对齐方式

align-items　　项目在交叉轴上如何对齐

align-content　　定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。

明天计划的事情：（一定要写非常细致的内容） 

完成第二个页面，开始做第三个页面

遇到的问题：（遇到什么困难，怎么解决的） 

任务要求中的空格比较难实现，相对麻烦

收获：（通过今天的学习，学到了什么知识）

同今天完成的事情