今天完成的事情：

今天完成了任务六，解决了昨天遇到的问题，（垂直居中问题，还有下拉写好的列表定位的图片会显示在背景上面）然后看了任务七的任务详解，对任务七有一个模糊的概念，然后写了任务六的深度思考，任务总结还没有写，明天补上。

明天计划的事情：

明天准备把任务六的任务总结补上，然后写任务七，然后把个人主页弄好，今天试着弄了一下，文件传不上去，然后一周后就要讲小课堂了，准备的课题是flex布局，所以明天准备看一下flex布局，然后就是垂直居中。。。

遇到的问题：

垂直居中问题，用flex布局还有line-height都没解决问题，后来就把按钮固定高度取消，然后浮动图片使他们水平居中然后给一个上下内边距是他们垂直居中padding：10px 0；

今天没敲什么代码都在做学分任务然后写深度思考，所以没遇到什么大问题。

收获：

今天学会了另外一种简写方式例如margin：（上）（右）（下）（左）

                                        可以写成margin：（上下）（左右）

这样写代码看起来就没以前蠢了。。。

     然后就是z-index，昨天下拉写好的列表定位的图片会显示在背景上面，然后尝试了z-index完美解决问题。

   z-index的定义和用法

                              ：属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面

任务六深度思考：

font组合字体，

font-family  规定元素的字体系列

font-weight   设置字体的粗细

font-size  设置字体的尺寸

font-style  设置字体的风格

text-align 水平居中 文本水平对齐

line-height 垂直居中 行高

color   规定文本颜色

text-indent  属性规定文本块中首行文本的缩进。

text-align  属性规定元素中的文本的水平对齐方式。