今天完成的事情： 

  1.把任务7所需要的小图标切好，为了避免切出来的图太大，把所需图的各个小部件全部选中进行智能转换在导出图像资源。

  2.做第一个页面版本选择。

  3.4个小圆点的制作，使用flex布局justify-content排列。

.circle{
    width: 20px;
    height: 20px;
    margin: 25px 1%;
    background: #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 50px;
}

    4.关于页面右边的小三角形，使用绝对定位固定再右边，但是在宽度较小的屏幕上会有适应问题，使用media媒体查询设置条件解决。

@media (min-width: 320px) and (max-width: 600px){
    .next{
        line-height: 56px;
    }
}

    5.制作第二个页面投票，用css制作列表头下方的小三角形。

.triangle{
    width: 0;
    height: 0;
    top: 160px;
    border-width:20px 20px 0 20px ;
    border-color: #B9E9F5 transparent;
    border-style: solid;
}

    6.学习html5 audio的标签，使用audition拆分音频（老大的那首歌伴奏不错，把人声去掉可以）

明天计划的事：

     完成任务7

遇到的一些问题：

     在投票页面中的方块的颜色分割如何处理？

收获：

    1.更有效率的ps截图，更小的体积，更快的速度，越快，俞强，只为强者而生！

    2.用css制作圆形，三角形等各种形状。

    3.特殊位置图标的定位。