今天完成的事情：

编写了task8，学了下翻转效果的实现，又复习了遍雪碧。

明天计划的事情：

正在看task9，但是那个单选按钮的效果完全不懂，先慢慢了解下JS看看能用到什么，争取多写点东西。

遇到的问题:

在8中那个翻转，我的想法是用hover，先设成opacity为0 ，然后鼠标指上去之后rbga设置一个透明度，但是

这样存在的问题是那个透明块上边的字体并不会隐藏，如果我先写的时候不是通过rgba写的0，而是直接用

opacity，然后用rbga写透明度呢，我试了试结果并不行，因为这种方法只能改上边有过的性质。但是如果用

翻转又实现不了那种背景透明的效果。

还有个问题就是如何点击后留存那个形式，不光光鼠标滑过有那个效果，点击之后也要有那个效果。后来我问了

下应该是使用js来实现。

收获：

关于雪碧图代码：先写<li class="ss"><i></i></li>

在i标签里设置背景图片 background：url（）；再对这个i标签进行一些设置

宽度，display或者浮动之类

ss是写位置的，background-position（x，y）

http://www.cn.spritegen.website-performance.org/  一个sprite在线生成的

那个翻转动画主要是写两个相同位置的盒子，在写相同位置的时候用绝对定位出了点小错，就是要在父元素上用一个相对，再在下边的盒子上用绝对定位。当时我这个父容器搞错了。

http://www.webhek.com/css-flip/  介绍翻转的。