今天完成的事情：

完成了列表的部分，使用ul、li、p、span标签和felx、nth-child选择器。

使用ul作为整体列表部分的父元素，li标签作为每一栏的父元素。

服务日期和北京。通州。果园使用了p标签，给p标签使用了：：before伪元素添加了雪碧图.

2015-7-5至2015-7-12和25元/小时，使用p标签套用两个span，给p设置了display: flex；完成左右的布局。

箭头使用上、右边框写出，旋转了45度。

明天计划的事情：

完成任务五的footer部分。

查看HTML5的audio定义音频流，学习用CSS完成半透明的方式，学习使用CSS框架Bootstrap，css鼠标事件。

遇到的问题：

使用a标签插入雪碧图时，必须用绝对定位，a标签才会显示。

header和footer因为要始终显示在窗口内的固定位置，所以使用了固定定位，这样就脱离了文档流，header下面的元素必须要用相对定位，定位到header面或者添加外边距，footer部分会遮挡前面的一个元素，要给前面的元素添加下外边距才能向下滚动显示出来，这种处理方式正确吗？

收获：

white-space:nowrap；文本不换行

text-overflow:ellipsis; 文本溢出省略

overflow:hidden;溢出隐藏；

学会了让文字在窗口收缩时保持不换行状态，多余部分隐藏，并出现省略号；

ntp-child选择器来对标签进行样式的设置。