今天完成的事情：

    1.css的任务4,5

明天计划的事情：

    2. 开始css的task6.

遇到的问题：

    1. 自适应高度本文垂直居中的时候可以设置padding的top,bottom为相同的值来实现.

    2. 元素垂直居中的时候可以先给父级设置display:table,在给要居中显示的元素设置

      display:table-cell,vertical-align:middle;这种方法需要

     注意表格元素的高度会自动与兄弟元素对齐,也可以用这种特性来做的呢过高布局.

    3. 用背景图片做icon的时候也可以直接用vertical-align:middle来设置垂直居中.

    4. em单位是基于继承的font-size的值来计算,rem是根据html标签font-size的值来计算的,

      值的大小就是font-size的几倍.

    5. 背景图片变形的时候的时候注意设置background-size的值,可以尝试用contain和cover;

      都是根据容器等比例缩放但是前者不超出容器,

      后者则会超出容器.

    6.对于很多集中小的文字段可以尝试用列表来布局.

收获：

        1. 自适应高度的垂直居中方法.

        2. ol,ul.dl的用法和适用场景.

        3. rem和media的结合来实现不同大小的视口样式基本一致.

        4. 合理设置背景图片大小.