今天完成的事情：

           1.任务7最后一个结果页面完成了80%了 ，细节方面有待处理，底部按钮在调整

         2.修复了投票页面格子部分显示不全的问题

         3.换了个在线预览demo页面的方法，也就是github自家的GitHub Pages功能，兼容也更好。

明天计划的事情：

          1. 把结果页面完成并总结任务7相关知识点及曾经卡住的地方。

          2. 开始了解任务8相关知识点及任务需求，开始写页面

 
遇到的问题：

         1.投票页面由于加了个js功能，所以http://htmlpreview.github.io/这个网站生成的页面出现了兼容的问题，后来使用了github自家的GitHub pages功能，就没问题了

        2. 结果页面的字体由于使用了vw单位，所以只要视区在扩大，它也在扩大，根本不会管body限不限宽，所以使用了媒体查询，到了某个宽度就替换成px单位，就ok了。

        3. html根元素设置了62.5%，换算后是10px，但由于chrome浏览器的限制只能显示12px，所以只能找了个calc()属性，加在根元素的font-size上，使其变为10px。

收获：

          1. 学到了一个新的属性，calc()，它是css3的一个新增的功能，用来动态计算元素的长度，可以使用calc()给元素的border、margin、pading、font-size和width等属性动态的设置值，是可以用四则运算来计算值的。

        2. RGBA和OPACITY的区别在于opacity会继承父元素的 opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。 即可以单独为被设置的元素设置透明度，而子元素而不受该设置影响。

        3. 如果父级元素没有边框border，则子容器的margin是相对于标注流body产生的，父级容器会跟着子容器掉下来。也就是说，本来给子容器设置的margin 会传递到父元素上。父元素没有设置边框，子元素有50px的外边距，父元素也跟着下来了。也就是说外边距margin是间隔border与border之间的间距。