今天完成的事情：

任务三：

代码如下：

css样式如下

运行如下

今天遇到的问题

任务三完成过程中的问题：

1.代码开始不知道怎么构造，完全没思路？

对策：官网任务中又四个图片需要切图，那么四个图片就需要设置盒子模型，另外还有三段文字需要设置盒子模型，此时用Photoshop测量图片与边框的距离，从而应用在盒子模型的margin属性中，此处的margin属性只需要设置top和left，因为盒子是默认向左上角移动的，只需要设置top和left即可。

2.任务三下方两个图片以及图片下方文字如何在一起，左半部分和右半部分又如何并排显示？

对策：先将左边图片和左边文字放在一个大盒子内，右边图片和右边文字放在一个大盒子内，在分别给两个大盒子设置浮动，从而并排显示

3.盒子模型理解不够深入？

对策：在7个盒子模型的使用过程中，对于margin的理解还不够深入。在使用Photoshop进行测量距离的过程中，经常错误行的去测量每一个盒子到整个界面边框的距离，这是错误的，正确的是测量到该盒子边框的距离，此例子内每个盒子都没有设置border，那么这个距离就是两个图像或者文字之间的距离

4.html文件无法读取修改之后的参数？

对策：这已经是第二次css样式修改之后，html文件无法更新的问题，浪费较长时间。这两次的问题都在于html文件中美誉引入css样式文件或者导入错误，在此记录以提醒自己

5.对选择器的使用还不够熟练？

对策：明天再进行一次选择器相关知识的学习

今天的收获

1.由于上午导出找ps安装包以及破解文件，加上下载浪费了很多时间，所以今天只做出来了任务三要求的初步 。

   今天最大的收获就是看到自己基础的不足，面对给出的UI图，不知如何下手写代码，类选择器的使用不熟悉

明天的计划

1.自适应——PX，EM，REM的概念，自适应布局的学习

2.自适应——关于自适应，屏幕分辨率，图片尺寸的学习