今天完成的事情：任务十二完成
明天计划的事情：任务十三
遇到的问题：

代码命名一般怎样命名，我一般是采用翻译的英语单词，但是有的很长，删减后根本不知道这是啥意思

收获：

今天写任务12的时候还是很费劲，因为觉得不应该会这么麻烦，所以下午就又专门再仔细研究了一下scss，对所谓的维护和组件有了个初步的定义

为什么scss维护好，因为有变量的关系，当你给一个个导航栏设置一个基础的样式，比如颜色，浮动方向，display属性等，一旦你需要在再改掉这些样式，变量这个东西的好处就体现出来了，重新对变量申明一个值，便能更改样式，而不需要再新写一个样式来更改

关于自己的组件，其实就是用sass来写一个自己的样式表，列如我们可以像bootstrap那样定义一个类名，将样式写入这个类名，这样在写网页时，就可以像bootstrap那样引用一些类名便可以生成一些固定的样式，然后我们可以重新申明变量来更改样式。

还有就是可以写一个重置样式，比如a标签的默认的属性的更改即默认样式的去除，避免每次都要去重申。

受此想法我便对拿之前bootstrap的响应式的下拉菜单的样式写了个scss文件，然后通过重新更改变量来改写样式实现了这个响应式的导航栏

因为后面的任务不让用bootstrap，所以我写了点常用的基础样式，用以后面的任务，希望能使css代码变得简洁

不采用bootstrap来写下拉菜单，因为下拉菜单是需要点击这个事件的，所以我们可以采用input的：checked的伪类来模拟下拉菜单；再结合label属性来制作一个下拉菜单。

发现改变inline-block盒子之间的间距除了Margin之外的办法

今天新学了个letter-spacing和word-spaceing

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。

均设置在父元素当中;他们的值可以是负值，因此也可以利用他们消除inline-block自带的间距

主要注意两者之间的区别

letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。请大家注意，word-spacing对中文无效！对中文无效！对中文无效！