今天完成的事情：

今天把任务5-1/5-2部分给完成了，主要是主体部分的内容和底部导航栏。

主体部分的内容形式相同，不同之处只是价格的数字不同，

按照psd文件的内容，复制5份，然后改一下关键数字即可。

nav里的ul依然设置为左浮动、width: 100%;

对了，ul{list-style: none;}可以把无序列表每一项内容前面的圆点标记消除，

这条一般在reset.css中设置。

底部导航栏左侧和右侧的内容类似，

都是上面一个切图，下面文字。都设置为左浮动，

text-align: center;百分比宽度自适应屏幕大小。

为了使文字内容显示在切图的下方，可将<span>设置为display: block;

使其换行显示 中间部分只有一个切图没有文字，只要设置好百分比宽度和左右边距就行了。

需要注意的是左侧和右侧的文字颜色不同，需要分别设置。

我在这里用了两个类，稍显累赘，但又没有更好的办法。

底部导航栏依然是左中右三分结构，用<ul><li>解决之。

将最外层的nav设置为position: fixed;、bottom: 0;，使底部导航栏始终固定在屏幕下方。

需要注意的是导航栏顶部有一个1px的灰色分割线，不仔细观察的话就会漏掉它。

明天计划的事情：

明天先看看任务5还有没有要修改的地方，然后就准备做任务6了 

遇到的问题：

1.设置font-family和font-size的时候遇到了优先级不足的问题，在html里使用style=""都不够。

2.对line-hight属性搞不太懂，我在PSD文件中选定图层，

使用“复制CSS”功能后显示出的行高都是零点几几，

但写css的时候line-height却要写成1.5之类的，

这个数字究竟是什么单位还不清楚，需要再查查资料。

收获：

今天熟悉了无序列表在该任务中的运用，加深了对display: inline-block;和display: block;的印象。