今天完成的事情：

1、对task5的样式重写，取消用height来定高+line-height来居中，而是用padding来调整。对于自我介绍就设置一个width的%限定宽，就不会换行不对。完成的效果我觉得行。

2.task7-1完成（用了flex来对“上次游戏：捉鬼猜词版”和那个箭头的排列）。

3、为什么设置width中右边总是显示出来padding-right的值。这里就是别用padding对header中的左右两个图标调整距离（padding右边看不到边。width是100%），而是应该单独对这两个图标设置margin来。（原理不知道，但效果是对的。）同理对footer也是这样。

4、task7-3做完。rgba（）可以设置透明度0.5就行

5、task7-2用bootstrap分好布局，然后填入内容。

明天计划的事情：task7-2填入样式。

遇到的问题：task7-2中怎么点击水民会出现下面的四个图标。

收获：垂直居中不用height+line-height，宽100%下不用padding-right调整右边图标的右边距。rgba的a可以用来调整透明度。

成果链接http://119.10.57.69:880/jnshu3938/CSS/task5/task5.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task5/task5.html

成果链接http://119.10.57.69:880/jnshu3938/CSS/task7/task7-1/task7-1.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task7/task7-1/task7-1.html

成果链接http://119.10.57.69:880/jnshu3938/CSS/task7/task7-3/task7-3.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task7/task7-3/task7-3.html