‍‍‍‍‍‍‍‍

今天完成的事情:安装了PS，看了下切图的教程，完成task3,

明天计划的事情:服务器还没申请，想的是申请个独立的服务器后来想想新手啥也不会 先在 这里申请下试试水，自己先搭建下回来再申请个域名弄个独立的。。。明天代码上传github试试，准备task4....

遇到的问题：以下

收获：1.绝对定位与相对定位，绝对定位是脱离文档流的，相对定位是不脱离文档流的，绝 对定位的 top、left、right、bottom会以最近的相对定位的祖先元素为基准进行偏移   的，所以task3中，比如头部元素，我的思路是小图标建一个div，然后放到div头部中，但是如果这样的话小图标所在的div必然要脱离文档流，所以在写小图标时都是用的绝对定位，父盒子用的相对定位。

但是这样就有一个问题，如果设置成绝对定位的话，父盒子的高度就没有了，导致图     片撑不起来父盒子，之前有看到师兄的日报中说用padding撑起盒子的高度，于是就都   用padding撑起了。

   2.margin：0 auto可以是块状元素居中，在慕课上看到的说是其实auto的值其实是左右各除以2的，所以不论宽度或是margin-top、margin-bottom，都是左右相等的所以auto的情况下块状元素居中。

   3.padding、margin，之前一直以为padding、margin的值就是以盒子的宽和高来计算 的，比如padding-top，padding-bottom，就是按照高度来计算的，task3中按照psd图上面的测量计算出来的结果在网页中显示的差得好多，百度发现原来padding和margin的值是以父盒子的宽度来计算 的，比如div.b在div.a的容器中，则b中的padding：10%，就是a的width*10%；上下左右都是这样计算的，所以之前理解的有偏差。

   4.切图，切图的时候要保存为png-24的，png-8的会有毛边！！！！！

还是看图吧。。。。

‍‍‍‍‍‍‍‍