今天完成的：

        完成了任务七。

        完成了任务七的深度思考。

明天计划的：

        开始任务八制作。

        制作任务八的雪碧图。

        学习HTML和css的常见布局。

        完成首页的制作。

遇到的问题：

        1.第一个页面右边小三角的问题：

          之前制作的时候是用上边框和下边框显示，顺时针旋转45度来模拟，最后效果在屏幕较窄的情况下，三角的透明部分会压到按钮的边缘一点。

          解决办法：用左边框进行模拟，这样就不会压到内容区了。

        2.关于上边这个小三角定位的问题，制作完成之后，发现我使用px进行固定定位，会在拉伸时始终贴着最右边，左边会有较多的留白，体验较差。

          解决办法：使用百分比来控制三角的位置。

        3.页面二audio样式的问题：

           在了解过audio标签之后，发现他自己的默认样式是一个长条形状的，还有进图条、音量、全屏、下载等页面上不需要的功能，在百度了之后发现都是使用JavaScript来改变样式，经过一番思考，想到了可以使用透明来隐藏掉这个框，然后把播放按钮定位到需要的位置（刚好需要制作的页面，播放按钮也基本在最右边的位置。）不过以上只是我想到的一个思路。

           解决办法：虽然上边这个方法也能实现，但是感觉有点不太好，就去看了下JavaScript改变样式的方法，还算比较简单，用一个playPause函数即可进行控制。最后便采用了这个方法。该方法用到了onclick事件以及 paused 判断。

         4.页面二在内容区的顶部有个提示框，下面有一个小三角形，因为并不是之前做过的直角三角形，导致思路有点闭塞，想解决办法想了比较久。最后有两个思路。

            其一：将背景切图，然后作为背景贴到页面上。不过感觉这个方法真的是太简陋了，最后没有采用。

            其二：使用上边框模拟三角，然后使用rotate按Y轴旋转，便可以旋转出需要的角度，之后进行定位就是了，为了在拉伸时有较好的效果，定位时也使用了百分比进行定位。

         5.投票页面，内容区滚动的问题：（让内容在固定的地方滚动，不影响header和footer）

            解决办法：将内容区绝对定位，规定一个top值和bottom值（为了内容不被header和footer遮住），然后overflow设置为auto，可以在溢出时滚动。这样内容区就被固定到了中间区域，并且内部内容可以滚动查阅

         6.页面三footer区透明的问题：

           因为给main区固定了位置，限定了高度，在中间区域显示，导致不会滚动到footer区内，遂不会看见透明效果，将高度的限制改到bottom为0，即可以让内容显示到屏幕最下方，可以看见footer的透明效果。

今日收获：

        了解了audio、video的使用。以及使用简单的JavaScript代码控制onlick时间，来模拟播放按钮。

        了解了rgba和opacity实现透明的区别：

               opacity作用于元素，以及元素内的所有内容的透明度；

                rgba只作用于元素的颜色或其背景颜色。

        在做任务二点击头像显示底下四个按钮的时候，了解了两个隐藏元素的方法以及区别：

               display隐藏对象不保留物理空间；

               visibility隐藏对象保留占据的物理空间。

        还有，听师兄的建议做了一个用来清除默认样式的css文件，不过刚开始用，还没添加几个，随后在任务过程中慢慢添加常用样式。

        进一步熟悉了html和css的标签及属性，以及一些操作。