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

1、开始任务14。

这次的导航栏还有轮播图是需要自己手写的，之前对于bootstrap这个库还没有好感写任务8、9时头疼，好不容易理解了引用库的组件，现在就开始要纯css来写，突然很懵，任务13的时候就有简单的涉及一些组件和模块，还有模块样式，都不是很理解。想到要自己写栅格，写导航栏就有点炸，真是感觉又回到了任务8.9定的时候。

    看了网上的资料，似懂非懂。

css的模块化：

1、常见的文件结构。

一个项目的CSS最基本结构通常是下面这样的：

- base.css

- common.css

- pages.css

复杂一点就有很多个.css文件。

但是如果后期css文件不合并的话，尽量减少文件的数量。如果要做合并压缩 CSS 文件，则可以对CSS 文件进行适当的组织，这是 CSS 模块化最简单有效的方法。建议根据项目情况使用上述的两种或是其他文件组织方案。这里看资料说合并压缩什么的不是很理解，但是大概的怎么引入写的模块感觉和我写任务13做的样式分离是一样的。

2、SMACSS

SMACSS 的全称叫 Scalable and Modular Architecture for CSS。即可扩展和模块化的CSS架构。

SMACSS将样式分成5种类型：Base，Layout，Module，State，Theme，

1、Base: 基础样式表，定义了基本的样式，我们平时写CSS比如reset.css就是属于基础样式      表，另外我认为清除浮动，一些动画也可以归类为基础样式。

2、Layout: 布局样式，用于实现网页的基本布局，搭起整个网页的基本骨架。

3、Module: 网页中不同的区域有这个不同的功能，这些功能是相对独立的，我们可以称其为模     块。模块是独立的，可重用的组件，它们不依赖于布局组件，可以安全的删除修改而不影响其他       模块。

4、State: 状态样式，通常和js一起配合使用，表示某个组件或功能不同的状态，比如菜单选中状    态，按钮不可用状态等。

5、Theme: 主题皮肤，对于可更换皮肤的站点来说，这个是很有必要的，分离了结构和皮肤，根  据不同的皮肤应用不同的样式文件。

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

继续任务14

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

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