这次按照师兄和老大的学习方法，先自己试着敲任务3的代码，记下自己不会或不太懂的地方，然后找师兄姐们提交的代码进行对比，发现不一样的地方再进行理解，如果实在理解不了就找度娘，hahaha又get到一个不错的学习方法

一、今天完成的事

   1、任务3代码敲写

   2、任务3代码学习

   3、任务3代码提交

二、遇到的问题

   1、logo没办法居中,text-align也不行？

        要使某段文字或者某个图片居中，首先文字和图片必须处于某个盒子中，之后text-align：center才能生效。所以在最外层加上了一个容器。<div class="wrap"></div>

   2、如何清除浏览器原有的margin,padding值？

        *｛margin:0;padding:0;｝

三、明天计划的事

   1、任务4切图

   2、缕清任务4代码思路

四、学到的知识（收获）

   1、在网页中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？

      这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px*62.5%=10px,1.2em则=12px，这是不是就简单多了，准确多了呢~~

   2、为什么手机端的自适应是640px呢？

     设计图一般是640px，这样相当于100px=1rem,可以方便计算；

     因为是640px，所以应限制下页面的大小，所以最外层的盒子应该是：

        position:relative;

        width:100%;

        max-width:640px;

        min-width:320px;

        margin:0 auto;