完成的事：完成了任务5、6。

收获：

一、学会了自动切图，可以比切片切图更精准，更快。方法是：

1.在菜单栏依次点击：编辑、首选项、增效工具、启用生成器。

2.继续依次点击：文件、生成、图像资源（勾选）。

3.用ctrl加鼠标左键点击图片中要截取的部分，图层区就会显示出选择截取的部分所在的图层。

4.对图层重命名 例如：newname.png  

5.截图完成，截好得图在assets文件里。

二、在任务5我出现的问题是：自我介绍的内容区域不能自适应。解决办法：自我介绍设置绝对定位，内容区域用padding搞定。

三、引用BootStrap后，不要忘记在html的head部分加入它的link。任务6header部分我用的BootStrap的按钮组来实现，按钮组之间的间距用负值margin来搞定，第一次接触BS还是花了好多时间。

四、1.导航条nav部分的下拉菜单，我是用两个div包裹完成的，外面的div是菜单，里面的div包含着下拉选项。原理是：外面的div相对定位，下拉选项的div设置绝对定位，然后给下拉选项的div设置visibility：hidden；达到隐藏的目的，然后利用：hover选择器选择下拉选项的div，给：hover选择器赋予属性为visibility：visible，从而显示出来，达到了下拉的效果。

2.“...”省略号，我用了三个属性 overflow：hidden； white-space：nowrap； text-overflow：ellipsis；

3.在设置nav的过程中出现的一个问题是，在加入“..."的代码后，：hover选择器不能作用。后来我用了p标签包裹了菜单的文字，然后”...“的代码作用在它身上，问题解决。

4.学会了用border画三角形，没有内容padding的情况下，内容border里面的内容会缩成一个点，三角形就出了，这个感觉是意会的东西，要自己多理解，http://hellobug.github.io/blog/css-triangle-with-shadow/，附个参考网站。

五、主题部分main我用的是bootstrap的布局，三行来表现出来。

六、关于底部的设置，我学习到了box-sizing。它包含了两个值，分别是content-box与border-box，

content-box是定义元素内容的宽和高，然后外面裹着padding、border。而border-box是设置的宽度和高度包含了padding与border。真正内容的宽度高度算要用设置的宽度减去padding与margin才是。

计划的事：马上开始任务7，逐渐加快速度，最近进度太慢了......