今天完成的事情：

1.复习一部分之前任务用到的知识，新接触到margin的叠加问题，匿名块域问题

2.开始task5的学习，先学习了flex布局

 a.容器属性，direction主轴的方向，wrap项目换行，justify-content主轴方向的对齐方式，align-item交叉轴对齐方式，align-conten多根轴线的对齐

 b.项目属性，order项目排列顺序，flex-grow放大比例，flex-shrink缩小比例，flex-basis项目占主轴空间，align-self单个项目对齐方式。

3.背景图片的设置，background-size设置背景图片跟随DIV适应

4.学习task4剩余问题，z-index层次分级，fixed固定定位   

明天计划的事情：

1.计划将之前学习的知识梳理一次，例如可以使用浮动、弹性布局、定位等多种方法进行布局，但是知识切换不自如。

2.尽可能完成task5,并在布局中采用多种方式实现。

遇到的问题：       

1.在底部设计中，第一次采用了flex布局，两个按钮无法设置成水平垂直居中，原因是错误的认为两个按钮只有主轴方向上的排布，后对底部容器设置了align-content属性

2.头像处背景设置中，背景无法适应DIV大小变化，并且没有清除背景图片的平铺属性。

3.顶部返回按钮设计时，采用了绝对定位的方式进行布局，但是遗漏了对父元素设置定位属性问题。

4.主题内容无法像官网效果展示一样，出现下拉条。

收获：  

 知识点串联应用能力不足，应该多回顾学过的知识点