今天完成的事情：

1，看了css架构的一些文章，为了确保布局一致性，我们应该努力保持全局范围共享CSS。因此CSS最基本的结构至少应该有基础重置部分、基础样式部分、布局（模块的容器）、模块（可重用的部分）、第三方样式。

如果以命令式风格写CSS会很快导致下列结果：不够清晰、不可维护、重复冗余。最后获得了混乱的UI和CSS，为了防止这些，1、避免不必要的深层嵌套选择器。2、避免将ID作为钩子。3、合理命名，宁愿复杂的命名也不要复杂的嵌套，4、尝试可独立的模块和组件。5、注意加载的顺序

2，完成了重写任务七第一个页面的书写

明天要做的事情：

完成任务十三，写任务总结

遇到的问题：无

收获：重新编写一遍自己的代码，更加精简

任务名称：css12

成果链接：https://travelerone.github.io/learngit/task12/task12-1.html

任务耗时：2019.5.16-5.18（3天）

官网脑图：

我的脑图：

任务总结：

a.任务进度符合预期

b.和脑图相比，我写的更具体一点

c.任务十二学了怎么用sass，sass和less的用法大同小异，都有变量，嵌套，混合，继承的概念，看了sass的中文文档，对于它的用法有进一步的理解

判断一组属性是否应该组合成一个混合器，一条经验法则就是你能否为这个混合器想出一个好的名字。

混合器和类很像，类名是在html文件中应用的，而混合器实在样式表中应用的。

这就意味着类名具有语义化含义，而不仅仅是一种展示性的描述：用来描述html元素的含义而不是html元素的外观。

而另一方面，混合器是展示性的描述，用来描述一条css规则应用之后会产生怎样的效果。

混合器主要用于样式展示层的重用，如果你想要重用语义化的类呢？用选择器继承

继承基于类，继承应该是建立在语义化的关系上。

当一个元素拥有的类如.seriouserror表明它属于另一个类，比如.error，这时用继承再合适不过。