今天完成的事情：

1.推进任务，使用sass调整代码。原页面添加左侧菜单。

明天计划的事情：

1.继续推进任务。

遇到的问题：

1.关于弹出菜单，可以用input和checked实现。

利用input和checked，可以设置鼠标点击后的状态，左侧菜单用div写出后，平时设置为display：none。

.btn-page:checked + .list-left {
   display: block;
 }

点击btn-page按钮后，菜单list-left出现。

+是选择相邻兄弟，称作“相邻兄弟选择器”，如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器 。

<label for="btn-menu"></label>
 <input class="btn-page" id="btn-menu" type="checkbox">

.list-left {
   position: relative;
   display: none;
   min-width: 60%;
   background-color: #fff;
 }

点击list-left后，菜单出现

.btn-page:checked + .list-left {
  display: block;
}

2.下拉菜单也同样可以这样实现，设置菜单为absolute，平时隐藏。点击菜单按钮后显现，再点击按钮后关闭。

收获：

1.下一个任务开始会开始拆组件库。这个任务其实就可以开始拆分出样式表的。师兄建议就从下一个官网界面来拆，要多一些。

2.了解到了input+checked的一种用法，可以实现不同的点击效果。

3.sass目前为止用的比较多的是宽高，其余比较少。继续加油吧。