今天完成的任务

a.日报6.10-6.12的回顾

b.任务5的完善

c.拓展知识（html设置font-size改变后子div的行高随之有了改变）

明天的计划

a.日报6.13-6.15的回顾

b.任务5的深度思考

c.拓展知识

遇到的问题

a.主要就是把html里面的px改为rem，所以就给html设置了一个font-size=625%(不设置62.5%的原因是因为谷歌最小是12px设置了62.5%也不是10px=1rem）后发现header和footer里面的行高也随之做了改变导致div高度撑高把原来垂直居中的元素挤下去了。后来是把父元素的align-height值为0才变回垂直居中的样子(其中随之了各种值，发现数值越小撑开的高度越小，0就直接垂直居中了，感觉是做了font-size更改后有了一个默认值的行高的样子。而且子元素用align-height却没有影响，没弄太懂是为什么，以后直接用flex来做垂直居中算了)

b.开始用&#160空格来撑开<div class="star">里的图片和文字的距离（图片用的background)结果发现Ie和一些浏览器不兼容，后来就改为了padding-left来撑开距离。

收获

为什么字体适配是62.5%：

因为 html的font-size默认是16px => 1rem=16px；

所以 要表示14px，就是0.875rem，这样是不太好看且计算起来也比较麻烦的；

于是 我们把html的font-size设置为10px，那么表示14px就是1.4rem了。

考虑到 兼容性和未来发展趋势的综合考虑，px这个单位的含义已经越来越混乱，几乎无法评估以后的设备是会一直像现在这样对网页上的px做兼容处理，还是让px回归“像素”的本意

做出处理 设置html {font-size: 62.5%;}：1rem = 16px*62.5%=10px，14px=1.4rem；

好处 62.5%代表默认字体尺寸的62.5%，这个含义基本不会有混乱

拓展 我用的googlechrome最低字体是12px，所以反向设置font-size:625% 表示1rem=100px.(可是又出现了元素继承性导致布局的混乱难题...唉，艰难，不过通过修改还是可以改回想要的布局的）

总结：我得找一个好用的布局方式，我要学flex；我不能再等了！ 呸，今天又差点被根元素font-size的继承性搞疯，而且我的处理方式还不知道有没有隐患! 学习flex不能在等了