今天完成的事情：

今天只是写了一个投票页面，这是结果图

明天计划的事情：

接着写JS4静态页面

遇到的问题：

问题一：“发言讨论结束”这部分尝试着用元素：after写出来的，这样在结构上看起来更好一些。感觉难点主要是右边的播放按纽部分。因为图片一方面要居右，一方面要垂直居中。如果对图片采用float:right居右了，那么就无法利用vertical-align：middle来垂直居中。而采用vertical-align来垂直居中就无法居右了，二者不可兼得，卡了好久了。虽然有其他的解决方法，不过都过于复杂了，第一想到的就是display:flex加上align-items:center大法来实现，是诡异的一幕出现了。由于三角是伪元素写的，它竟然也剧中了。就在写日报的时候，才想明白，伪元素究其本质而言，它相当于一个子元素。因而在align-items:的影响下，实现了中线对齐,即垂直居中的效果。不得已，只能另谋它法。最终给播放图片套了一个span然后给span设置了和父元素一样的行高，在让图片在span里面垂直居中就可以了。按理说这种方法应该可行，可做出来的效果如上图所示，图片顶部比底部的要宽一点儿。

问题二：想要做点击水民这一部分，边框由白色变成其他颜色的效果。因为以前做表单项目的时候，用到了：checked，于是想当然的拿过来用一下，结果没反应。后来又尝试了：active，也不行。想了想，想到了直接对含border的这个元素设置“onclick=this.style.borderColor='orange'”,就解决问题了。

收获：

今天感觉只是学会了通过onclick对元素设置属性，其他的基本没有什么收获。说实在，今天任务完成的量确实有些少了，效率好低。