今天完成的事情： 

   1.完成部分任务六

   2.了解了vertical-align ，line-height两个关系

明天计划的事情：

   1.完成任务六

遇到的问题：

   1.做任务六的时候雪碧图内小图的大小不会缩放

     1.1 查找资料后发现transfrom标签： transform: scale(x，y);  一个值表示x y同时放大或

           缩小，我用了这个标签后发现他的大小虽然变了，但是把原先的位置全占了，随后

           询问师兄，用了background-size计算改变整张雪碧图大小，来让雪碧图中的小图跟

           要求的尺寸一样

    2.做任务六的时候发现用select做下拉菜单然后用text-align：centere，他的文字无法居中

      2.1 查找资料后发现用text-align: center；    text-align-last: center;即可

收获： 

    1. 一个内联块元素，如果里面没有内联元素的话或者overflow不是visible，那他对齐的基

       线是容器margin的下边缘。有内容的话，对齐的就是最后一行内联元素的基线

    2.vertical-align默认值是baseline, 也就是基线对齐，基线就是文字下的下边缘

      对于内联元素，vertical-align与line-height虽然看不见，但实际上「到处都是」，所以

      会产生缝隙，根据父元素的line-height来计算的

     2.3 改变自身行高，只要文字行高足够小，文字占据的高度就会在文字以内，没有了高度

           区域的支撑，就不会产生裂缝

           设置垂直居中的时候vertical-align：middle；对齐的方式是对齐文字的中间，但是

           文字的中线并不是绝对意义上的居中，所以要给父元素设置一个font-size为0，使中

           线都在一个线，vertical-align：middle；才能绝对居中