今天完成的事情：

任务七的结果页面

透明和半透明

文字居中而不换行

.over{
    width: 100%;
    height: 80px;
    background-color: rgba(33, 150, 243, 0.44);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
}
.recur{
    width: 220px;
    height: 60px;
    background: #f66f6f;
    font-size: 2rem;
    text-align: center;
    border-radius: 10px;
    line-height: 56px;
}
.share{
    width: 220px;
    height: 60px;
    background: #fbb435;
    font-size: 2rem;
    text-align: center;
    border-radius: 10px;
    line-height: 56px;
}
.main{
    width: 100%;
    margin-top: 15vw;
    background: #29bde0;
    text-align: center;
}
.lie{
    margin: 0 30vw 6vw 30vw;
    font-size: 1.5rem;
    color: #ffc865;
    text-align: justify;
}
.time{
    text-align: left;
    margin-left: 15vw;
    color: #fff;
}

明天计划的事情：吧任务七的三个页面连接在一起，以及投票页面的音乐播放器

遇到的问题：遇到文字居中以后会自动换行，不过在官网的坑乎上面找到了答案，看来不止我一个人遇到过这个问题。还有就是最后页尾的那个半透明，我写的整个都变成半透明了，后来请教了师兄，师兄让我用rgba试试，然后我看了它的属性已经用法，解决了这个问题。

收获：今天学会了使用半透明，css中颜色有三种定义方式：使用颜色方法（RGB、RGBA、HSL、HSLA），十六进制颜色值和预定义的颜色名称。 RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。

如果说 RGBA 是制作透明色，大家不由会想起 opacity 这个属性， opacity在我们制作背景色时经常用到。但是两者之间到底有什么区别，那就看下面rgba和 opacity的对比实例。

任务：css-7

禅道主页：http://task.jnshu.com/zentao/project-task-858.html

预计完成：整个任务七页面