今天完成：

1、解决昨天小圆圈被挤压变形的问题，原来是因为里边包含文字的div没有设置宽度和高度，只是靠着数字“1”在撑着盒子所以会被挤压

所以今天就给他设置了margin值，撑起外边的盒子，就不会被挤压了。

2、继续任务8第一页的编写，就差底部了，感觉相比前面要简单一点

明天计划：

继续做任务8，之后的页面看起来不是很复杂，争取明天完成。

遇到困难：

字体图标在点击时会出现下划线，已经设置了取消下划线但是没有作用。但是在谷歌浏览器开发者模式点击却不会出现下划线，奇怪，明天解决。

收获：

1、找问题要一步一步来，之前都是马马虎虎，有的时候解决了也不想为什么，这样虽然解决了问题，但是对于自己的成长不是很有益处。以后要学会追根究底。

2、昨天师兄提了问题，今天找了些资料。‍‍‍‍‍‍‍‍‍‍位图是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。其实就是我们说的jpg、png、gif格式的图片，我们日常放大一张图片也可以发现这一点，越大越不清晰，在模糊的地方可以看到一个个色块。而位图进行压缩的时候都是会产生损耗，但是png保存时体积小，压缩比高，保真性较好，所以为了提高网页的加载速度，推荐使用png格式的图片。位图的与原理使其色彩表现很丰富，但是产生了信息量大的缺点，也就是原始图片相对较大，所以在使用时要进行一定的压缩，使其符合网页制作的标准。

‍‍‍‍‍‍‍‍‍‍