今天完成的事情：

                        由于今天请了半天假。

                        任务十二已经检查完毕并且提交，今天尝试重构任务十三，在任务十三中，相比较于任务七多了一个垂直导航栏，位于页面的左侧，所以在任务十三中需要写一个垂直导航栏。

1、任务13仍然是按部就班的重构之前写过的代码，不同的是这次新引入了两个css文件，一个是css reset重置，一个是自己简单写的样式库，这样html命名会麻烦一点。把写的 > 小图标 或者三角形 以及复用性高的 padding 、margin 等属性，以及三个页面通用的header 、footer、button等样式都放进样式库，这样直接写的scss（css）文件会小很多。

2、任务13比起之前做的任务7多出一个地方，就是第一个页面多了一个紧贴左边的汉堡菜单

因为在做任务10的时候就没有用bootstrap库来写导航栏以及汉堡菜单，当时是卡了很久才用到focus伪类配合max-height的变化才实现的汉堡菜单展开效果。这里应该把max-height的变化改成max-width变化就能实现从侧边展开的效果

                        但是不知道为什么，这个导航栏似乎有点畸形的样子，，似乎单纯的写一个列表然后用hover效果相连，最后在把这个列表隐藏起来并且不占位置的放到左侧，在hover效果里面加上相应的代码，让他现行就好。这个方法打算明天试一试。

   明天计划的事情：

                      在任务十三中熟悉并掌握垂直导航栏的手写方式方法，并争取尽快完成任务十三的重构任务。

   遇到的问题：

                        在制作垂直导航栏中我一开始当然是写出导航栏里面的大概样式：

                这只是举个例子，然后为他添加样式：

在一个导航栏中，有几个代码是必须要的：

                                把外边距和内边距设置为 0 可以去除浏览器的默认设定。比如在最大的DIV里直接《margin：0》

                              list-style-type:none - 删除圆点。导航栏不需要列表项标记。

                                display:block - 把链接显示为块元素可使整个链接区域可点击（不仅仅是文本），同时也允许我们规定宽度。

                                在导航栏中一定要设置成固定的宽度，由于弹性盒子原因，如果不设置宽度的话，可能非常容易出BUG。

                         同时今天对SASS有了进一步的了解：父类选择器

                收获：

               在任务重构中，巩固了基础代码，对不依靠栅格系统去手写一些东西有了经验。