由于本人现居住新疆，新疆对一些网站是屏蔽的，所以无法使用服务器，不过可以上github。所以暂时任务2放弃，以后也不能提交成果展示。

今天完成的事情：

学习了PS切图，刚开始为了PS软件的下载问题着实崩溃了一段时间，现在终于好了，用的是PS CC2014。学习了慕课网的关于前端需要掌握的PS切图的课程：

1、首先是PS的初始化，为了方便用于CSS的切图方式，切出透明背景的图。

2、然后是设置PS的四大板块：图层--信息--历史记录--字符，可以了解到在布局时需要知道的信息，例如：图片大小，字符大小，间距等等。

3、通过吸管工具可以知道背景颜色的RGB数据等。

4,、切图有传统切图和精准切图，个人比较喜欢精准切图，对于我来说比较方便。

然后我用切出来的图写了页面，由于是自适应布局所以用的是百分比布局，以及相对定位和绝对定位。

明天的计划：

巩固今天学习的知识，针对师兄对于本任务的评价再深入学习，然后看看任务4。

问题：

1、我观察任务3中的效果展示，我发现所有的图片和字体都是不变的，在各种屏幕分辨率下都是不变的，所以应该不是用的百分比，所以我用的是固定宽高px来写的图片的大小，字体用的是rem单位，浏览器默认的字体大小是16px，不知是否可以？

2、效果展示中，各个分块的间距也是不变的，但是我仅用百分比来控制其间距的时候，页面分辨率变大时，间距也变大了，这是为什么？后来我用了相对定位和百分比来控制各分块的间距，达到了效果展示的效果。

3、底部的两个图片我用的是绝对定位，来控制其位置。

4、我切出来的图片，如果用原图的话，放到页面中图片显得很大，和效果展示差很多，所以虽然我通过PS软件知道他们的大小，但是为了效果我y用的是小的尺寸，为什么会切出来大很多？

希望师兄可以看下我写的代码，帮我看看哪里有问题，帮我指出来，先谢过！