今天完成的事：  今天重新做了一遍任务六，理解比之前更深刻一点，没有之前那么吃力，主要就是新的知识点，下拉框。

任务名称：css-task-05

成果链接：

https://1239937890.github.io/mywork/task5/html/task.fvie.html2.html

任务耗时：2018.10.21-2018.10.24

官方脑图：

自己的脑图：

任务总结： 这次的任务五一共重头到尾做了三遍，

第一遍  只用了  DIV  定位  IMG  文本居中  一个个DIV  搭起来的  ，做的很吃力，代码也写的比较乱，参差不齐。

第二遍 除了第一遍运用的几个点  背景图用到了  background-image   UL  li  列表  逻辑清晰点了  能不用定位的地方就不用，步骤优化了不少。

第三遍 学习了新知识点  flex 布局 ，瞬间感觉到了新科技的感觉 ，定位就运用的更少了  改合并的合并  内嵌的内嵌，从第一遍的CSS 写到300行到 第三遍的170行，几乎差了一半了，这就是新知识的力量吧。

整个任务五运用到的知识也是蛮多的，从头部header开始   标题标签   <h>   定位position    <a>   列表 UL  li  伪元素 。

 flex布局 ，又称“弹性布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。

①  容器： 需要添加弹性布局的父元素；

②  项目： 弹性布局容器中的每一个子元素，称为项目；    

①  主轴： 在弹性布局中，我们会通过属性规定水平/垂直方向为主轴；

②  交叉轴： 与主轴垂直的另一方向，称为交叉轴。