今天完成的事情：
1,任务12收尾
2,写任务13

明天计划的事情：
继续写任务13

遇到的问题：
解决不了的两个问题

1，div里面的a标签莫名其妙出现脱离文档流现象，跟之前遇到的display：inline-block一样


只能给a标签的父元素div设置flex才能正常显示



2，画三角形出现问题。
之前做任务7第一个页面的时候，这里的三角形是切的图

写到任务7第二个页面开始用css画三角形，做任务13的时候也准备画，然而画不出来。

这里使用的是a标签，给父元素修改宽高都没有用。

以上两个问题暂时找不到原因，我猜测是引入的 Eric Meyer’s “Reset CSS” 2.0 css重置文件修改了某个属性，但是我也没找到是哪里修改了样式。

已解决的问题

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变化就能实现从侧边展开的效果。


3、任务12的

UI这里是渐变颜色效果的竖杠 丨，想用渐变的边框来实现这个效果，通过百度查到用

 border-image: linear-gradient(to right,green,blue)

代码实际写出来没有报错，但是就是没有效果，几经尝试后放弃这个思路，转而在三个select框中间插入两个div，再将div设置成渐变颜色的效果，也算曲线救国。

收获：
1，主要是通过重构之前的任务7代码，学习到了很多css代码的规范，以及一些组件化的思想。我个人觉得比起学习新技术，思想认识的转变更重要。
2，学到的新属性，border-image，linear-gradient，熟练使用能用css实现酷炫的效果。