今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

继续了解Bootstrap的栅格系统

 明天计划的事情：（一定要写非常细致的内容） 

继续任务7

继续了解Bootstrap的栅格系统

遇到的问题：（遇到什么困难，怎么解决的） 

捉鬼猜词版与箭头没有对齐，在小尺寸时，这两个重叠了 简化版、猜词版，

白痴版hover属性有下划线

        a:hover {

          text-decoration: none;

        }

 投票页格子是正方形，下面的小图标用雪碧图实现 播放音乐按钮点击后要取消蓝色选择框 投死按钮选择后不需要变色

特殊位置的小图标怎么定位在屏幕上？

因为 任务7的CSS基于bootstrap, 所以任务7的版本选择页面的顶部导航栏左侧的导航小图标可以通过Bootstrap的预定义样式将导航小图标定位到顶部导航栏的左侧,再引用自定义样式实现具体细节:导航栏颜色小图标与导航栏的内边距.

CSS 代码:

       /* 导航栏样式 */

        .navbar {

            background: #3ce;

            padding: 2%;

        }

HTML 代码:

    <nav class="navbar navbar-light bg-faded">

        <a href="#">

            <img src="images/nav.png" alt="nav">

        </a>

    </nav>

CSS半透明是如何实现? 每个玩家的方块上，hover时会出现4个操作选择?

隐藏4个小图片，原属性使用opacity: 0将其透明隐藏，增加hover属性改为不透明。底部键跳转页面3。

游戏结果页面注意页脚的底色为半透明，但里面的按钮不会跟着半透明?

收获：（通过今天的学习，学到了什么知识）

了解Bootstrap的编码规范,

不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。