今天完成的事情：

完成了任务12。

明天计划的事情：

复习任务12，开始做任务13。

遇到的问题：

开始看其他人的代码，发现说的是用sass，但里面的文件基本上都是scss，搞不清楚2者的区别。

经过搜索，明白了两者的区别：sass没有大括号和分号，而是用缩进来表示；scss完全兼容css，所以也是用大括号和分号来写的，而非缩进。但现在我们说的sass基本上也就指的是scss，而非很严格的那种sass。

收获：

学习了margin重叠的几种情况以及防解决措施：

1.外层padding

2.透明边框border:1pxsolidtransparent;

3.绝对定位postion:absolute:

4.外层DIVoverflow:hidden;

5.内层DIV　加float:left;display:inline;

6.外层DIV有时会用到zoom:1;

学习了Border-image的属性和用法：

  border-image:<‘border-image-source’> || <‘border-image-slice’> [ / <‘border-image-width’>] || <‘border-image-repeat’>

slice和width两个属性比较难理解，只能先用着，后期在用的过程中慢慢学习。

学习了flexbox的一些属性和用法，特别是对自己之前不太熟悉的项目的几个属性进行了理解，如flex: none；flex:auto；flex:1等。