Today

1.修改 index 

设置 页面 最大最小宽度后 header 里的菜单栏 跑到 body  的左边去了

原因是： position 设置了absolute

修改：

结果页面

底部栏 的透明效果 

sass 有一个 rgba 函数 ，rgba($color,$alpha)  通过设置 一种颜色 调节 透明度 达到效果，但这里还是用了普通的写法

结果 页面奖杯部分 的玩家胜出字体 改写，重新切图，不保留文字

设置侧边栏：

并且设置 display:none  隐藏 侧边栏

为被选中的side-menu 后的aside 设置属性 ，紧贴左侧

再配合这个动画效果，侧边栏滑出时的效果为 逐渐画出，用时 0.2s 

设置aside 初始效果 为隐藏

按钮<div>包围 改写 <label>包围：

它通常关联一个控件，或者是将控件放置在label元素内，或者是用作其属性,abel元素可同时有属性和包含控件元素（contained control element），只要此属性指向包含控件元素

for 属性规定 label 与哪个表单元素绑定，即将这个控制侧边栏进出的按钮与checkbox绑定

css 加号选择器 +  和 后代选择器 ~  加号 表示后代的第一个

但是 初步设置出来的效果是这样的：

因为放在 header 里面 。整个高度也只有header 的高度，设置高度100vh 后整个页面的背景色 变蓝色了
非常沙雕

其他的sass 改写基本问题不大 ，组件还是这样：

Tomorrow 

1.修改当前任务

2继续下个任务

Gain

1.sass 练习

2.侧边栏 初步制作

Pain

1.修改侧边栏

2.是否 吧整个页面 都放在 wrap 里，而不是仅仅一个菜单按钮，