1.今天完成的事：

  （1）优化了部分task5-2的代码，对整体设置max-width及max-height后，后续对所有宽高均用百分比表示能更有效的达到自适应的效果，相比之前自己画的网页端满铺看起来更舒服点。

  （2）完成了task5-1的大部分，完成了头像的圆形处理，完成了背景cover的处理。

  （3）学习了网络上关于float属性的知识，float影响高度塌陷的原因及清楚塌陷的方法，http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%BA%8C/ 感觉这个博客讲的挺好的，具体还需要在实际使用中多练习。

2.明天计划的事：

  （1）完成task5-1，

  （2）准备开始task6.

3.遇到的问题：

  （1）task5-1中的圆形头像，开始以为是要用css绘制出圆形区域，然后将图片放入其中，尝试了几次没能成功，询问李奎师兄后才知道是对图片进行圆角处理，谷歌得知直接对图片使用border-radius：50%就能将正方形图片处理为圆形，顺利解决。

  （2）背景图的切图，直接切出模糊就行，不需要去找原图切出来再考虑进行模糊处理。。

4.收获：

  （1）根据对师兄们的作业代码分析，进一步了解了自适应的宽高百分比应用。

  （2）了解了图像的圆角处理，背景图片cover的使用，

  （3）了解了float浮动属性的知识，打算每天抽点空找找css基础知识的博客看看，加深认识。