今天完成的任务：1.任务9的收尾工作基本完成。

2.任务十写到中间，被一个单选按钮样式卡住了==。。。

明天完成的任务：1.掌握按钮样式修改，完成任务10.

2.用原生div+css完成任务10.

遇到的困难：1.今天早上花了一上午的时间，终于把任务8的导航栏完美解决了。之前当屏幕宽度在760左右时，导航栏左边logo过大导致高度溢出。现在使用媒体查询，分别在屏幕宽度在480和560时设置两个百分比宽度，来防止logo撑开页面。并在一定程度上实现自适应。

2.之前任务8-2中公司列表的hover样式是左边的空心圆变成实心圆。刚开始确实没注意到这问题。李玺师兄帮我指出了这一问题。经过1个多小时的修改，最后才发现其实可以对圆点设置：,就能完成该问题。

3.单选按钮样式问题，刚开始没有想到按钮样式竟然会有这么麻烦，通常情况下单选按钮的颜色是默认的，css无法改变。曾经试过把input按钮隐藏，然后手动添加一个div，绘制出单选样式，然后通过：hover来实现单选按钮，但是做出来后就发现达不到单选按钮的效果，鼠标只要一离开，单选框样式就没有了，所以不能用hover来写单选按钮样式。

收获：1.学会利用hover同时修改子标签的样式。

2.从小课堂中学了一点点的icon-font，icon-font有很多优点：1.可以自由的变化大小

2.可以自由的修改颜色
3.添加阴影效果
4.IE6也可以支持
5.支持图片图标的其它属性，例如，透明度和旋转等等
6.可以添加text-stroke和background-clip:text等属性，只要浏览器支持

http://119.10.57.69:880/ptt175/task8-1.html

http://119.10.57.69:880/ptt175/task8-2.html

http://119.10.57.69:880/ptt175/task8-3.html