今天完成的事情：

今天差不多完成了任务五，然后了解了一些属性，待会会在收获里面写出来，然后现在绝对定位运用也算是比较熟练了，然后就是绝对定位后利用left，还有top进行定位，看了一些任务六，学习学习新知识。

明天计划的事情：

明天打算补完任务五，看一下任务六，然后继续补基础学习新标签，还有选择器，父元素子元素，然后继续熟悉今天学到的属性，然后是块级元素和行内元素，然后之前学的东西再回顾一下。

遇到的问题：

今天任务五收尾的时候，绝对定位之后无法垂直居中，试过加副盒子还有line-heightr都不行。

收获：

今天学会绝对定位之后浮动，top  left。

然后就是display：flex；（

Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

flex的使用需要有一个父容器，父容器中有几个items.

父容器：container

属性： 

　　 display:flex;/*flex块级，inline-flex:行内快*/

　　 justify-content:space-around;/*center:水平居中,flex-start:靠左;flex-end:靠右；space-between:两边的向两边靠，中间等分；space-around:完美的平均分配*/

　　 align-items:stretch;/*center:垂直居中、flex-start：至顶、flex-end:至底、space-between、space-around*/　　

　　 flex-direction: row;/*column从上向下的排列，column-reverse、row:从左到右，row-reverse:从右向左*/

　　 flex-wrap:wrap;/*wrap多行显示（父容器不够显示的时候，从上到下）、nowrap(当容器不够宽的时候，子元素会平分父容器的宽或者高)、wrap-reverse:从下向上*/

任何一个容器都可以指定为Flex布局。）

flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。

flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。

如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。

 align-itens：center

让对象内内容水平居中排版显示，也是使用text-align样式其值center（居中）。