一、今天完成的事情

1、完成第一个页面的重构，第二个页面完成一半。

2、css样式拆成三部分：module.css（header和footer）、base.css（基本公用，运用原子类，分离属性）、内容主体。

3、继续学习CSS的规范和书写顺序。

4、学习了js的简介以及js在html的使用。

二、明天计划的事情

1、完成任务13，第二页和第三页的拆分，完成任务13提交。

2、学习js：基本概念、变量作用域和内存问题、引用类型。

三、遇到的问题

对于原子类使用，感觉有点繁琐，不如直接写style省事？可读性还更好。这样相当于多作了次协议转换，而且协议是私有协议，别人要看懂还得先明白私有协议才行。

对于原子类使用，感觉有点繁琐，不如直接写style省事？可读性还更好。这样相当于多作了次协议转换，而且协议是私有协议，别人要看懂还得先明白私有协议才行。

在网上搜了一波，很多关于是否使用原子类的说法，对于其优劣性整理了一下：

首先是优点：

1、便于抽出复用代码，提高代码复用程度。clearfix 类就是最好的一个例子，将一段用来清除浮动的 css 编写成 clearfix 类，在需要清除浮动的 元素 中，增加这个类就可以。类似的还有其他使用场景。

2、css 框架的应用。很多前端框架的 css 部分，特别是网格系统，都是原子类的具体应用。

   其次是缺点：

1、维护困难。

2、代码冗余。例如，为了灵活，把常用的字体都定义成了 f*、常用的尺寸都定义了 m* 和 p* 等。但实际上只会用到其中的几个，剩下的都是冗余代码。

总体来说，原子类其实不是一种工具，而是一种编写 css 的思想，即：抽出高度复用的样式模块，独立成一个原子类，为对应的模块添加。

四、收获

    1、初步学会如何拆分css样式。

2、学习了原子类的使用。

3、规范自己css的样式。