今日完成

1.学习PX，EM，REM的概念

当使用 rem 单位，

他们转化为像素大小取决于页根元素的字体大小，即 html 元素的字体大小。 根元素字体大小乘以你 rem 值。

em 单位如何转换为像素值

当使用em单位时，像素值将是em值乘以使用em单位的元素的字体大小。

个人理解：

在没有指定html的字体大小时，使用rem可以随机应变，用户的字体设置的大，页面显示的字体就大，默认情况下1rem=16px

em 像是指定某个特定的范围进行放大缩小

2.学习float 以及clear的相关知识，这篇文章通俗易懂，明白了clear的用法，以及设置float后与普通文档流之间显示规则

http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html

ps:之前的task3顶部返回按钮与葡萄藤logo挤在一行的情况就可以使用clear,加一个：

.葡萄藤logo

{

  clear:both (或者left)

}

即可搞定

但是在任务三中，返回按钮如果不涉及float的话其实也就没必要使用clear了,因为div元素独占一行，什么都不做反而不会挤在一行里。

3.学习了position：fixed 的相关知识

还不是很理解那几个之间的关系，但是看到

生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

那task4的顶部导航肯定是用它没跑了。 

明日计划：

1.做出完整的顶部导航

2.理解position其他属性

问题：暂无

收获：对float和clear的理解更加深刻