今天完成的事情：继续做任务7，版本选择页面注意下方的四个小点使用CSS书写，版本选择页面注意右边的小三角是相对于整个白框存在，因为游戏版本可能还有更多可以翻到下一页，但小三角的位置不会改动，书写任务的第二个页面：投票，还看了CSS3的动画制作的相关资料。绘制的小圆圈使用了canvas标签，右边的小三角使用position来定位。

CSS动画：动画是从一种样式变成另一种样式的效果。可以改变任意多的样式任意多的次数，用百分比来规定样式发生变化的时间，或用关键词from和to，等同于0％和100％，0％是动画的开始，100％是动画的结束。

@keyframes规则用于创建动画，当创建动画时，需要把它绑定在某个选择器中，否则不会产生动画效果，通过规定至少以下两项属性，即可将动画绑定到选择器：规定动画的名长和规定动画的时长。

@keyframes：规定动画。

animation：所有动画属性的简写属性，除了animation－play－state属性。

animation－name：规定@keyframes动画的名称。

animation－duration：规定动画完成一个周期所花费的秒或毫秒，默认为0。

animation－timing－function：规定动画的速度曲线，默认为“ease”。

animation－delay：规定动画从何时开始，默认为0。

animation－iteration－count：规定动画播放的次数，默认是1。

animation－direction：规定动画是否在下一周期逆向播放，默认是normal。

animation－play－state：规定动画是否正在运行或暂停，默认是running。

animation－fill－mode：规定对象动画时间之外的状态。

明天计划的事情：继续书写第二个页面，查看学习资料——《新标签——HTML5 audio》，为投票页面添加音频播放功能，投票页面注意每个玩家的方块上，hover时会出现4个操作选择，书写任务的第三个页面。

遇到的问题：一个div中，中间有一块内容，右边有一块内容，当放大缩小时，需要如何设置右边的那块内容一直在右边，不会随着屏幕变小溢出到下一行，除了弹性布局，还有没有其他的方法可以实现这种效果。

收获：同上。