今天完成的事情：

完善任务八，九细节，之前图片没用雪碧图，今天全部换了，完善了响应式方面的细节，基本达到效果。

明天计划的事情：

任务10

遇到的问题：

收获：

代码要规范，多用结构性，语义化标签。

html文件、css文件、js文件、img文件，分类好。

小图标尽量还是用雪碧图，减少负荷。

表格里有列宽不一样的，可以用嵌套表格来完成，但是嵌套表格重合时边框会变粗。

可以用到以下方法解决：

border-style:hidden

对于表，hidden 用于解决边框冲突。 

外部表格加上 border-collapse: collapse

内部表格加上 border-style:hidden

关于雪碧图的缩放，我查了下，用了scale，没发现什么问题。

zoom和scale这两个东西都是用于对元素的缩放，但两者除了兼容性之外还有一些不同的地方。

zoom缩放会将元素保持在左上角，而scale默认是中间位置，可以通过transform-origin来设置。

zoom:n会重新渲染元素，元素占据空间变大，页面重新布局。不过用jquery中的width()获取元素的宽度时，元素的宽度还是原来的值。

transform:scale()会放大元素，只是放大了元素，页面不进行重新布局，不过会覆盖周围的元素。用jquey中width()获取元素的宽度时，宽度放大为原来的倍数。

transform与zoom同时使用会有叠加效果。另外他们执行的渲染顺序也不同,zoom可能影响到盒子的计算。