今天完成的事情：巩固了雪碧图的使用。任务六界面的图标用雪碧图做。

明天的计划：完善任务6.继续查看雪碧图除了PS其它方法。

遇到的问题：

问题：1、顶部导航栏的三个下拉角标，要怎么实现下拉选项？（效果图上没有显示）

          2、对垂直居中还不太会使用。

解决：1、未解决

          2、多使用，然后一个方法要使用相当熟悉。

今天的收获：

1、水平居中，使用margin：0 auto;在层级上直接加agin = center也可以，但是尽可能不要使用后者。

2、垂直居中，垂直居中的方法很多。我使用最多的方法就是line-height和flex。其实还有很多种，比如使用position，父级使用relative相对定位，子集使用absolute绝对定位，然后加上top（50%），left（50%）属性。这时候有两种情况：一、知道层的宽高。这时候可以用margin：负的层的自身高度和宽度的一半     来定位。二、不知道宽高的情况。用transform: translate(-50%,-50%);属性来定位。还有把层级变成表格来居中等。我最常用的是第一种和第二种。

3、雪碧图制作，雪碧图我使用习惯了，觉得只要把需要的图标放到一起，然后不要关掉ps.在使用时量一下值，前提是你的PS软件设置了单位为像素，不然肯定有区别。在这就是使用雪碧图的标签，堆放顺序：如果是行内元素，则样式顺序如下，以span标签为例：display：inline-block；background-image:url(图片地址);background-repeat:no-repeat;width: 图像宽度值;height:图像高度值;background-position: x轴的值 Y轴的值。这里注意：如果是行内元素，要是把display：inline-block放到了background-image后面。则显示不了图标。

4、雪碧图使用起来很方便，只要操作多了。就比每次都扣一个个的小图标，小图片好用多了。