<!--周一到周五把时间放在了看书和看task3所需要的信息上，然后用了周末两天以及星期五下午来完成，完成的过程中发现，实际操作和看书的差距确实挺大的，不仅是一些新知识需要上手才知道怎么具体运用，而且连task1、2里面一些已经用过的知识，在task3里面又不会了，或者说，以为自己会了，但再次运用时发现并没有那么简单，对于一些知识点的理解也更加深入了-->

收获：

1 关于div的命名，task1的盒子模型我使用了“class”，但在task3里面，我使用了“id”，这样一来，我第一次做的css一直显示不出来

因为在css中，我用的是(.+[name]）的形式，但html文件里面使用的是“id”，所以css中要用（#+[name]）的形式。

2 关于Photoshop，其实我没有理解到题目的意思，我不知道它是要我把需要的图片直接从原图上切下来，还是我直接通过Photoshop找到需要的图片素材。然后我就直接通过Photoshop导出了我所需要的图片素材，把图片素材放到文件夹里，插到了html里，打开看了看页面，大小完全不对，这个时候就需要精确一下尺寸，就通过<img>的属性精确了尺寸。

3 关于图片居中，一开始，我按照task1里面所学的方法，对<img>使用了align属性（align=“center”），但这个属性在谷歌浏览器中显示出来并没有达到图片居中的效果，所以我用了（<center><img src="******"></center>）的方式使图片达到了居中的效果，但是不知道有没有什么隐患，百度看到别人用的方法是，给包裹<img>的容器添加属性text-align：center；（css），最下方的两个小图标，我也用这样的方式完成了图片居中。

4 关于px，em，rem，px：相对长度单位，相对于显示器屏幕分辨率，如此的话，其实近似于一个绝对长度单位；em：相对长度单位，相对于当前对象内文本的字体尺寸，会继承父级元素的字体大小；rem：相对单位长度，但只相对于html的根元素，即更加方便对整个html的长度单位进行管理。

5 关于盒子模型，对于盒子模型的许多操作更加熟悉了，包括float等一系列的元素运用起来也更加得心应手了，但有些东西没弄懂。

问题：

1 在“收获2”中提到，不知道这个任务的目的是要让我从原图切下图片，还是导出图片素材？

2 在“收获3”中提到，使用（<center><img src="******"></center>）的方式使得图片居中，会不会有什么隐患，或者什么不方便？

3

 使用这样的方式对一个大盒子中的所有小盒子进行属性的编写是正确的吗？

4 额...那个代码链接是不是指单纯的代码库啊，我好像一直放错了链接？...（下面的代码链接是单纯的代码库）