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

实现游戏流程界面布局

设置变量用于存放游戏到第几天，每天包含4个步骤的状态

设置玩家的死活状态

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

点击第一个步骤进入相应的操作玩家状态界面，选择一个玩家将会改变玩家的生死状态

当4个步骤状态都已改变后，进入下一天，并将下一天的内容展示到页面上

每天结束后判断玩家人数，当杀手人数大于等于平民人数时游戏结束，或者当杀手人数为0时结束游戏

如此循环直到游戏结束

游戏结束后跳转到游戏结束页面

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

如何实现游戏流程界面布局

绝对定位使得元素默认的定位上下文是body元素

.night {
    position: absolute;
    top: 5rem;
    left: -2.3rem;
    background: hsl(0, 0%, 94%);
}

.sun {
    position: absolute;
    top:21rem;
    left:  -2.3rem;
    background: rgb(240, 240, 240);
}

jQuery 修改游戏流程界面白天与夜间流程的外间距

jQuery 修改CSS样式,获取所有class="step"的元素中第二个,给添加下外边距

//jQuery 修改CSS样式
$('.step').eq(1).css("margin-bottom","6rem");

对jQuery事件相关方法不熟悉,不了解jQuery中的bind(),live(),delegate(),on()的区别使用？

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

如何在jQuery中跳转到另外一个网页HTML

利用http的重定向来跳转

window.location.replace("next.html");

使用href来跳转

window.location.href = "next.html";

使用jQuery的属性替换方法

$(location).attr('href', 'next.html');
$(window).attr('location','next.html');
$(location).prop('href', 'next.html')