今天完成的事情：

一、重新学习任务五

二、重新学习了position:absolute;position:relative和position:fixed

relative是相对定位的元素，相对的对象是元素的正常位置

relative定位的元素没有脱离文档流，简单的意思就是正常占用的空间不变，只是看起来位置变了

relative一般当做absolute的父元素来使用，absolute会根据使用relative的父元素边界进行定位，如果父元素没有使用relative，那么absolute将逐级向上寻找使用了relative的父元素，直到body，也就是说直接使用absolute可以根据body来进行定位

position:fixed是悬浮窗，不管屏幕如何滚动始终显示，就是各种小网站边上那种悬浮广告

发现的问题：

一、背景图片设置不出效果展示的效果

任务五效果展示：

自己写的：

main .top {position: relative;
    top:50px;
    background: url(../images/task5-1_06.png)
       no-repeat;
    background-size: 100% 100%;

试过用cover，可是效果更差，不懂效果展示是怎么延展的

二、还有background的简写方式没搞懂

明天计划的事情：

学习各种居中方式的条件

搞定任务五

收获：

发现对于垂直居中，水平居中的运用不够熟练，导致写的过程中不断查资料

代码规范：

Formatting Model（布局方式、位置） > Box Model（尺寸） > Typographic（文本相关） > Visual（视觉效果） 的顺序书写