一、今天完成的事情

1.继续学习使用Bootstrap框架，并结合自定义样式进行代码编辑

2.学习规范编写代码，使网页更易修改优化与维护

3.完成任务6

二、明天计划的事情

1.明天计划继续学习使用Bootstrap，学会使用各种基本样式和属性，学会更灵活地自定义其样式

2.学习使用新标签html audio插入音频

3.学习使用html web 存储

4.学习css鼠标事件

5.学习制作半透明效果

三、遇到的问题

1.做任务6时，任务要求设置左边的文字被截断使出现”…”省略号。一开始查找资料，给元素设置具体宽度，然后使用以下代码：

white-space: nowrap;  （ 文本不换行 ）

overflow: hidden; （ 溢出内容会被隐藏 ）

text-overflow: ellipsis; （ 溢出的内容显示为省略号 ）

但是并没有其作用，后来通过将宽度设置为百分比，并且将文本右边的图标取消float（float会使窗口缩小时，图标遇到左边文本时跑到下方，无法“挤压”左边文本的时候出现省略号），改用position定位，实现了任务要求。

2.制作3个下拉菜单栏时，其右边框有一条渐变的border，我通过插入图片的方式实现了效果。不过用CSS不插入图片的方式也可以实现，查找了一些方法，但是还是不会编写，无法实现渐变效果。

四、收获

1.使用Bootstrap来使header和footer固定的方法

<nav class= "navbar  navbar-default  navbar-fixed-top/bottom">   ( navbar  navbar-default 为使用bootstrap导航栏默认样式，navbar-fixed-top/bottom为固定导航 )

同时需给body添加 padding-top/bottom: (header/footer高度) px；

2.做任务6当中，过程还算顺利，但也有遇到些小困难与反映出自身的问题。实现页面某些效果的时候，无法准确的写出样式，需要不断的调试才能达到页面效果。对一些元素的属性，理解的还不够深刻透彻。例如 vertical align：middle 还有 text align：center 什么时候用才有效果。哪些是块元素，哪些是内联元素。position定位的各种区别记忆的也不清晰。接下来需要更好地理解记忆各个标签的属性，减少不断试代码后才出现正确样式的时间。