今天完成的任务：

1.修改了task8的一些样式，使之与psd图还原度更高。

2.继续修改了一些bug。在ie8下可以修改一些问题，但问题还是很大，知乎上有人提问如何使页面兼容于ie，最高赞答曰让页面提醒用户换浏览器。。。。

3.学习了过渡效果和css动画。过渡效果可以为元素设置旋转，背景颜色，透明度，宽高字体大小等过渡特性。

css动画可以通过@keyframs设置一个动画，再用animation属性让元素绑定动画。可以做出复杂的效果，可惜ie9不支持。
4.学习了一下zen coding（emmet），zen coding可以快速进行编码，是一种插件，可兼容于各种web编辑器，

如webstorm可在其插件库里下载。

zen coding的一些符号：

'#' 创建一个id特性
'.' 创建一个类特性
'[]' 创建一个自定义特性
'>' 创建一个子元素
'+' 创建一个兄弟元素
'^' 提升元素层次
'*' 相当于乘号，会创建n次相同的东西。写在各项属性之后。
'$' 代替一个自增的数字。
'$$' 用于有填充位的数字，比如00，01。
'{}' 创建元素的文本。
’()‘包裹同级元素

如我们键入

ul>li*5>a.{tem$$}

再按下tab键激活zen coding，即可快速得到我们经常使用的列表布局：

<ul>
    <li><a href="">item01</a></li>
    <li><a href="">item02</a></li>
    <li><a href="">item03</a></li>
    <li><a href="">item04</a></li>
    <li><a href="">item05</a></li>
</ul>

zen coding可以节省很多时间，更多特性可在http://www.cnblogs.com/farb/p/VSZendCoding.html了解。

5.开始了task10。

明天计划的任务：

完成task10。学习用css绘制图像。

遇到的问题：

又碰到了一个奇怪的bug，我的banner图在ie上不显示

后来发现是因为这张图片被我改过格式，ie不能识别，我将格式由png改回jpg后图片就变正常了。

收获：

对ie的bug了解加深。学会了一些零散知识点。