今天完成的事情

        去掌握理解任务5深度思考、继续完成任务6，给列表头添加下拉框、给页脚添加三个按钮、给超出文字部分变成省略号。

        列表头添加下拉框：在昨晚练习Bootstrap之后，成功覆盖样式为任务6的模样，于是在今晚带入到了任务6的文件中，稍微调整完成，

      给页脚添加三个按钮：这个利用之前学习的知识点<buttom> 很容易完成

      任务5深度思考：

如何使用IconFont？

首先，在我们写代码之前我们需要得到图标字体文件。现在有两种办法提供大家参考。让设计师设计矢量图片然后通过工具直接转换成相应的字体。使用第三方Iconfont 在线服务（例如： 阿里巴巴Iconfont平台 ），然后直接上传你自己设计的图标矢量图生成字体文件。得到了字体文件之后我们就可以说一下如何使用它了。我们在CSS中像设置自定义字体一样使用就可以。是否可以把IconFont理解成另一种Bootstrap呢？

CSS3的Flexbox（弹性盒布局模型）,以及适用场景？

该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。

HTML中dl、ul、ol用哪个比较好？

ul标签：无序列表始于 u l 标签。每个列表项始于l i标签，此列项目默认使用粗体圆点（典型的小黑圆圈）进行标记。

ol标签：有序列表始于ol标签，每个列表项始于li标签，列表项目使用数字进行标记。

dl标签：dl标签是定义列表，自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义。

ul经常用来实现轮播的小按钮，下拉菜单的各种要用来排列的列表，多个a标签排列等，实用范围非常广。

而ol因为它的有序属性，用的范围就比较小了，不是一定要用有序来排列的情况下，一般都是用ul。

    给超出文字部分变成省略号：

此效果需要的代码为text-overflow:ellipsis;表示文本超出用省略号代替white-space:nowrap;表示文本不换行；overflow:hidden;表示超出隐藏；但是貌似与我有些代码有些冲突，明天在看看。    

进度

明天计划的事情

        继续布局任务6

遇到的困难

        使用Bootstrap时，容易与其中的选择器名称重复

        省略号代码与设置的代码冲突（可能是行高代码，明天看看）

收获

       对布局的一些功能更加了解