今日所做：

1.继续做任务7，发现低端的四个小圆球不太好处理，上网查了下资料，发现方形的div

盒子，如果border-radius设置为50%，方形盒子会变为圆形，于是照此设置，做出了小圆球，

然后设置hover属性，成功实现了鼠标滑过圆球变色的功能

2.页面中有一些小图标，如果用图片来做的话，会使网速加载速度变慢，如果使用雪碧图的话，

设置起来会比较麻烦，今天看了下bootstrap中的小图标，发现种类很多，基本上足够我们使用的了，

于是使用bootstrap中的小图标，通过修改样式，达到想要的效果

3.做其中一个页面，想让大的div盒子里面的行内文本实现垂直居中，于是给大盒子设置了line-height后又

给行内元素设置了同样的line-height值，结果大div高度变大，行内文本也未能垂直居中，后来询问师兄，

得知给父元素设置了line-height以后，有些子元素是可以继承的，那么子元素的line-height就无需设定了，

遂清楚父元素line-height值，得到预期效果

4.完成任务7第一个页面

明日计划：

1.开始做任务7的第二个页面

2.学一下媒体查询，用于完善任务6的最小屏幕时的页面问题

遇到问题：

任务6有行文字在屏幕宽度变窄的时候会被压缩到下一行上，任务要求是压缩的时候出现一串省略号，于是

上网查询，发现对于一行文本来说，设置同时text-overflow: ellipsis、white-space:nowrap、overflow:hidden

三个属性，可以实现这个功能，遂添加代码，实现了此功能。