今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

任务12任务总结。

我的脑图。

官方脑图

- -任务12主要是对sass的理解和应用。

首先是修改了之前任务5 6的代码。。。通过这一段时间学习到的布局和理解，

重构了之前的代码，理清了之前的布局思路，加深了对布局的学习和使用。

然后是对代码规范进行学习。

ID和class(类)名总是使用可以反应元素目的和用途的名称，或其他通用名称。代替表象和晦涩难懂的名称。

合理的避免使用ID，一般情况下ID不应该被应用于样式。

ID的样式不能被复用并且每个页面中你对于一个id只能使用一次。

当构建选择器时应该使用清晰， 准确和有语义的class(类)名。避免使用标签选择器。

省略“0”值后面的单位。不要在0值后面使用单位，除非有值。

同一rule set 下的属性在书写时，应按功能进行分组，并以 Formatting Model（布局方式、位置） > Box Model（尺寸） > Typographic（文本相关） > Visual（视觉效果） 的顺序书写，以提高代码的可读性。

解释：

Formatting Model 相关属性包括：position / top / right / bottom / left / float / display / overflow 等

Box Model 相关属性包括：border / margin / padding / width / height 等

Typographic 相关属性包括：font / line-height / text-align / word-wrap 等

Visual 相关属性包括：background / color / transition / list-style 等

另外，如果包含 content 属性，应放在最前面。

明天计划的事情：（一定要写非常细致的内容） 

开始任务13，提前一周开始准备小课堂

遇到的问题：（遇到什么困难，怎么解决的） 

对于伪类的使用还有些生疏- -有些伪类的具体方法并不会使用。

需要加强
收获：（通过今天的学习，学到了什么知识）

增加对sass的理解和学习