今天完成的事情：

调整了task7-1的头部，以及四个小圆点用hover显示。

对于鼠标样式cursor，常用

default 默认光标（通常是一个箭头）

auto 默认。浏览器设置的光标。

crosshair 光标呈现为十字线。

pointer 光标呈现为指示链接的指针（一只手）

text 此光标指示文本。

wait 此光标指示程序正忙（通常是一只表或沙漏）。

help 此光标指示可用的帮助（通常是一个问号或一个气球）。

对于水民的大小，要用自适应%，用因为用了float所以用margin不会重叠，要算好位置，一行margin+padding+width就30%左右。然后对于水民和1号的居中，用padding来调整，撑开。最后因为用了float所以要用overflow:hidden;来清除浮动，就是把父元素撑开。

audio看了下做不了，还是链接到一个新的网页吧。

task8-3推荐，切了图，做了个header，用bootstrap把HTML的布局做完了，完成了CSS的上面一些的样式。

对于绿色和黄色那个背景图，可以设置background-color来填上margin的空，使得一行铺满。

明天计划的事情：完善task8-3

遇到的问题：自适应还是得用%做，rem不会。

收获：改进了task7，做了task8-3的布局，用bootstrap。

成果链接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-2/task7-2.html

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

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

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