第一，今天完成的任务：

1，对先前任务六未完成功能的添加，以及对部分代码的修改；

2，为了增加对css的理解·，阅读张鑫旭《css世界》；

第二，明天计划的事：

1，为task1，task2, 深度思考问题做思维导图进行梳理并发到Wiki；

2，继续阅读《css世界》；

3，继续预习任务八；

第三，遇到的问题：

1，今天在添加功能时发现布局出现误差，经检查后是因为flex布局不能作用到到子元素内部，即flex不能继承，所以，在内联元素加入dispaly：inline-flex

子子元素内部使用flex布局；

第四，收获;

1,"流"的概念，“流”实际上是css世界的一种基本定位和布局机制，有着与我们现实世界的“水流”相似的表现，通过“流”可以预测一些html的一些行为表现，从而快速解决问题。作为html元素，有三种行为表现：

（1）符合流，按照规定的变化；

（2）破坏流，达到特殊布局的目的（如float,absolute,fixed等）

（3）改变流向，让css样式表现更非富；

与之而衍生的流体布局，则是充分利用“流”的特性，让代码更加高效，容易维护；

2，块级盒子和内联盒子，块级盒子负责结构，内联盒子负责内容；然而，有些特殊的盒子，比如:display:inline-block; 仅从字面意思而无法进行理解，于是，让元素都拥有两个盒子，外在盒子和内在盒子（叫容器盒子更准确），于是inline-block可以解释为有着内联元素的外在表现，而内在确可以有着块级容器的特征，比如设置宽高。比如span元素在默认样式为inline，也就是对其设置宽高无效，其大小只能由内容决定，但是如果span通过display：inline-block；可以让span既有着外部内联元素的表现，而其内部有可以设置宽高，与块级元素相同的表现方式；

在学习阅读的过程中，从前许多认为理所当然的背后都有着·很多有趣的特性，并且也可以解决许多看似无解的问题；