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

了解了什么是伪元素，了解了before和after

首先要明白一种思想：结构和样式分离。

结构和样式分离，就意味着：没有样式表，HTML文档也是一个完整的文档；没有样式表，也能正常阅读用HTML表达的所有内容。明白这种思想就能很好理解样式表中使用------ :before 和 :after中的content: ""; ------就算没有------:before 和 :after中的content: "";------HTML文档也不会受到影响，HTML文档也是一个完整的文档，所以，用简单的话来说： :before 和 :after中的content: "";不过是对HTML的装潢，使HTML看起来更漂亮一些。举个例子：

以上这句语句，是一个链接，点击就能打开，就算没有任何CSS修饰，也不影响打开链接。

但是，如果稍微修饰，这个链接就会看起来美观一些：

加上CSS修饰后，链接看起来就美观一些。

了解了字体图标

图标字体的优势和劣势

优势

轻量级：一个图标字体要比一系列的图像要小。一旦字体加载了，图标就会马上渲染出来，不需要下载一个个图像。这样可以减少HTTP的请求数量，而且和HTML5的离线存储配合，可以对性能做出优化。

灵活性：不调字体可以像页面中的文字一样，通过font-size属性来对其进行大小的设置，而且还可以添加各种文字效果，如color、hover、filter、text-shadow、transform等效果。灵活的简直不像话！

兼容性：图标字体支持现代浏览器，甚至是低版本的IE浏览器，所以可以放心的使用它。

相比于位图放大图片会出现失真、缩小又会浪费掉像素点，图标字体不会出现这种情况。

劣势

图标字体只能被渲染成单色，或者是CSS3的渐变色

版权上也有着对应的限制，当然还是有很多免费的图标字体可以供我们下载。

当自己创作图标字体的时候，是比较耗费时间的，重构人员的后期维护成本也比较高

然后是开始进行任务14.

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

完成任务14，进入任务15

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

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

了解了字体图标和伪元素