今天完成的事：

1.完成了任务7第二个页面

2.完成了部分任务7第三个页面

遇到的问题：

今日收获：

一..巩固了页面布局

1.position定位：absolute（绝对定位），reletive(相对定位)，fixed(固定定位)，float(浮动)，

 其中reletive(相对定位)不可以层叠，没有脱离文档流，设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。并且在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。

absolute（绝对定位）可以层叠元素，从文档流中删除，并且绝对定位会绝相对于最近已经定位的父元素定位。

fixed(固定定位)概念想css长度单位vw一样，相对于视窗本身的一个定位

float(浮动)会使元素向左或者向右移动，周围的元素也会重新排列。

2.display布局：flex（常用），inline-box等。

使用 display：flex 的元素被称为 flex 容器，容器本身有一些属性可以控制直接子元素的布局。

1.flex-direction :控制布局方向，从哪里开始，沿着哪个方向，最终到哪里。

2.justify-content :控制子元素在主轴对齐方向。

3.align-items ：控制子元素在纵轴对齐方向。

4.flex-wrap ：控制子元素一行不够容纳所有元素时是否要换行。

5.

align-content ：控制子元素对行时对齐方式（必须有多行时该属性才能生效）。

明日计划：

1.完成任务7第三个页面，学习css半透明相关知识。

2.开始学习js相关知识。