今天完成的事情：
1，基本做完任务12

明天计划的事情：
1，任务12收尾。
2，做任务13.

遇到的问题：
1，任务12过程中没什么好说的，按部就班写。与任务56不同的是任务12强调使用scss，也就是重复使用的代码要优化。多次使用了@mixin @extend等scss属性，同时也对类名的命名有一点感悟。

原子类命名规则

将复用性高的单条属性直接命名成类

.ml5{margin-left:5px;}

bootstrap库就是用的这种方式，所以html里面class往往有多个类名，但在写好引用css库的前提下确实能有效减少当前css文件的代码量。在下个任务中准备这样写试试。
略微优化了下任务11的scss代码，sass写多了还是挺简单的，跟css没什么区别。

2，老问题，display：inline-block 引起的麻烦。
从任务4开始使用display：inline-block 引起的多个同级子元素基线不一致，到任务89使用此属性引起的使div脱离文档流位置飘不见了，只能给父元素设置flex来使子元素有序排列。现在重写任务56依然出现这种问题，尚且还不知道是什么原因引起的，我觉得就算脱离文档流该子元素得定位也不应该飘得毫无章法，总得有一个属性或者参数（默认的或隐藏的）引起的这个效果

3，配置nginx，使nginx映射本地文件，按照百度结果在nginx.conf文件的指定位置添加制定代码好像并没有效果，不知道是不是路径错误0.0
浏览器输入localhost显示nginx已生效但仍需要更多配置


收获：
熟练使用scss，对css高级语言以及代码规范有进一步理解