今天完成的事情：

1、完成任务5。

明天计划的事情：

开始任务6。

遇到的问题：

1、行内元素与块状元素垂直居中的问题，仔细查了资料：一般对于行内元素来说，使用vertivcal-align：middle来实现居中。不是行内元素可以使用display属性来更改为行内元素，对于块级元素可以使用line-height，来实现垂直居中。
收获：

1、这次的任务有可以用到IconFont的地方吗？如果有应该怎么做？

有，这个两个小图标可以用IconFont代替，使用的话如下：https://www.zhihu.com/question/25952487。

利用字体工具把我们平时 Web 上用的图形图标（icons）转换成 web fonts，就成了 icon fonts，它可以借助 CSS 的 @font-face 嵌入到网页里，用以显示 icons。因为字体是矢量化图形，它天生具有「分辨率无关」的特性，在任何分辨率和PPI下面，都可以做到完美缩放，不会像传统位图， 如：png，jpeg，放大后有锯齿或模糊现象。利用字体工具把我们平时 Web 上用的图形图标（icons）转换成 web fonts，就成了 icon fonts，它可以借助 CSS 的 @font-face 嵌入到网页里，用以显示 icons。因为字体是矢量化图形，它天生具有「分辨率无关」的特性，在任何分辨率和PPI下面，都可以做到完美缩放，不会像传统位图， 如：png，jpeg，放大后有锯齿或模糊现象。

icon fonts 作为 web fonts 的一种「特殊」应用，很好的解决了「响应式设计」中图形无损自适应的难题。设计师不再需要维护不同大小、不同颜色的多版本素材，图形矢量化之后，交给那些 在线生成器就可以了。对于前端工程师，利用 HTML+CSS 就可以灵活的使用成百上千种图标，无需担心切图、定位、优化等传统位图要应付的情况。而用户，简洁、清晰的图标带给他们赏心悦目的感觉之外，浏览网站的速 度体验也将大大提升。

2、HTML中dl、ul、ol用哪个比较好？

我自己的理解是ul ol属于同一个级别，它们俩的区别在于一个有序一个无序。

而自定义列表dl 应用更为广泛，样式也更多，而且dt 和dd中可以再加入 ol ul li和p,理解这些以后，在使用div布局的时候，会方便很多。