今天完成的事情：

今天忙着报名线下的事情，任务进度拖延了，任务7的投票页还差主体部分调整尺寸和细节，基本需要的原理都清楚了。

明天计划的事情：解决任务7 。

遇到的问题和收获：

今天写样式的时候，忘了先声明font-size=62.5%，导致后面使用css画的图使用谷歌浏览器调试的时候，单位不统一，画的图扭曲了。

写关闭按钮的时候，套用的bootstrap的关闭按钮，但是里面的X是字符，大小是根据字体大小变化的，导致大小样式不是很好调控，最后只能使用position：relative进行微调位置。

默认的bootstrap的关闭按钮有一个透明等级：opacity属性，若直接套用bootstrap的关闭按钮就算设置了颜色也会因为透明等级使颜色淡化，记得修改此设定。

写第二行的播放按钮的时候，因为默认audio有样式，导致不能很好的调整，看了下搜索到的方法，只能旋转180度，调整audio长度大小，设定透明度，然后使用position：absolute调整位置覆盖播放图标。

写倒三角形的时候，用border写，写一个盒子，border-width设置边框宽度，border-style：solid，颜色设置其他三个为透明transparent，盒子宽度高度为0，倒三角就出来了。

写hover的时候，设定的是一个父级盒子，包着上下两个盒子，下面的盒子包含4张图设置display：none隐藏，.父级hover .隐藏盒子{display：block}就可以触发点击子元素显示了。和之前用css写的下拉栏是差不多的原理。都是通过改变盒子的display元素进行元素的隐藏和表现。就是需要设定position属性让隐藏框脱离文本流，不然会产生挤开其他元素的效果。