今天完成的事情：

任务7基本完成，还需要一些调整

针对遇到的问题，总结回顾了一些知识点

1相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。相对定位不脱标，真实位置是在原位置，只不过影子出去了，可以到处飘。相对定位有坑，所以一般不用于做“压盖”效果。页面中，效果极小。就两个作用：

1） 微调元素

2） 做绝对定位的参考，子绝父相（讲绝对定位的时候说）

2绝对定位比相对定位更灵活。

也就是说，如果一个盒子想进行位置调整，那么就要使用相对定位

绝对定位的盒子，是脱离标准文档流的。所以，所有的标准文档流的性质，绝对定位之后都不遵守了。

绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block;就可以设置宽、高了。一个绝对定位的元素，如果父辈元素中出现了也定位了的元素，那么将以父辈这个元素，为参考点。子绝父绝、子绝父相、子绝父固，都是可以给儿子定位的。但是，工程上子绝、父绝，没有一个盒子在标准流里面了，所以页面就不稳固，没有任何实战用途。工程上，“子绝父相”有意义，父亲没有脱标，儿子脱标在父亲的范围里面移动。绝对定位之后，所有标准流的规则，都不适用了。所以margin:0 auto;失效。

3固定定位，就是相对浏览器窗口定位。页面如何滚动，这个盒子显示的位置不变。

 z-index值表示谁压着谁。数值大的压盖住数值小的。

 只有定位了的元素，才能有z-index值。也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。而浮动的东西不能用。

z-index值没有单位，就是一个正整数。默认的z-index值是0。

如果大家都没有z-index值，或者z-index值一样，那么谁写在HTML后面，谁在上面能压住别人。定位了的元素，永远能够压住没有定位的元素。

行高=盒子高。  只适用于单行文本垂直居中！！不适用于多行。

如果想让多行文本垂直居中，需要设置盒子的padding：

明天计划的事情：

结束任务7开始任务8的修行

遇到的问题：

敲代码的时候，有些css渲染不是很准确。主体有时不滑动，是固定的，是bottom的设置原因。对属性的理解还没有很准确，导致调整页面大小的时候会出现问题。

收获：

主要是回顾总结了一下以前的知识点，让自己更清楚