今天完成的任务：

1.利用ps进行切图

学会了利用快捷键ctrl+c切图，利用快捷键ctrl+alt+shift+s保存切图，学会了用标尺量长度等切图基础技能。

了解了png8和png24的区别：

png是一种图片格式，是Portable Networks Graphics的缩写，做ping。

png8和png24的区别如下。

“PNG8”是指8位索引色位图，“PNG24”是24位索引色位图；

png8：

每一张“png8”图像，都最多只能展示256种颜色，所以“png8”格式更适合那些颜色比较单一的图像，例如纯色、logo、图标等；因为颜色数量少，所以图片的体积也会更小；

png24：

每一张“png24”图像，可展示的颜色就远远多于“png8”了，最多可展示的颜色数量多大1600万；所以“png24”所展示的图片颜色会更丰富，图片的清晰度也会更好，图片质量更高，当然图片的大小也会相应增加，所以“png24”的图片比较适合像摄影作品之类颜色比较丰富的图片

下面是完成的成果，

2.推翻昨天的代码结构，重写！

为什么要浪费时间重写？因为昨天的代码是借鉴了很多师兄日报的结果，结果导致不伦不类，写的我很头疼。其实本来任务3在开始的时候，自己已经有构想了，然后怕自己的想法不够“高级“，所以昨天忍不住去翻了上品的师兄日报，结果被洗脑了，别人用em，我就想用em，然后去查em的用法，别人用定位，我也想用定位，结果又去查定位的资料，就这样东拼西看的，资料看了一堆，结果代码进度极低，不仅没做出效果，还浪费了白天的时间！所以晚上回去我就直接把代码清空了，我决定再也不借鉴师兄的代码了，自己按自己想法一步步重新来写，哪怕代码再复杂，再“不高级”。我想明白了，对于每个task，一开始学习，每个人看到ui图后的代码构想肯定是不一样的，但是只要形成自己的思路，能做出来就好，现在我连一套自己的方法都还没掌握，就想着优化代码的事情，感觉真的是太急于求成了。所以，重新按照自己的想法一步步来，虽然慢点，但感觉踏实。代码复杂就发杂吧，先做出来再说，下面是今天重构的结构：

3.我的css文件里没有严格按照任务要求来，其中添加了很多多余的代码便于我自己更好地理解盒子结构，所以暂时就不放上来了，免得大家看了觉得很疑惑。

遇到的问题：反正就是一条：这个任务千万不要借鉴师兄的日报，按自己想法一步步来。

明天的计划：完成css文件，优化代码结构，完成验收标准，复盘思考任务3.