今天完成的事情：

（1）完成task5中的“个人主页”页面

http://139.129.13.246/task5/task5-2.html

https://github.com/fangunhs/task

明天计划的事情：

（1）完成task5中的“内容展示”页面

遇到的问题：

（1）让我捋一捋~首先说一说icon垂直居中问题，在写”个人页面“的过程中是完全掌握了如下方法：首先设父标签position：relative，然后设icon，display:inline-block；position：absolute；top：50%；margin-top：-（0.5*icon的高度）rem。想了想，top：50%把icon的顶部定位到父标签一半高度的位置，然后用margin-top的负值将icon的位置往上拉回其一半的高度，实现垂直居中。想明白后相信这辈子都不会忘了这个方法。

（2）在切页面顶端的背景图时，一开始打开psd文件时选择”拼合“，正确方式是”保留图层“。然后隐藏不需要的图层，完成背景图切图。

收获：

（1）在这个页面中注意了css命名规范的问题，简言之就是在命名class、img名称等的时候要注意1、包含其语义，比如星星icon命名为star.png；2、不和规范中的元素名重复，比如将按钮的class命名为”btn“而不是”button“。

（2）熟悉了背景图中Background-size: cover、Background-position用法。