今日完成：

1.任务六

2.任务七的一点点

笔记：

HTML 5 Web 存储

HTML5 提供了两种在客户端存储数据的新方法：

localStorage - 没有时间限制的数据存储

sessionStorage - 针对一个 session 的数据存储

localStorage 方法

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

sessionStorage 方法

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

关于background：

所有背景属性都不能继承。

图像放置关键字 例如，top right 使图像放置在元素内边距区的右上角

两个关键字 水平，竖直

如果只出现一个关键字，则认为另一个关键字是 center。

background-position:50% 50%      百分数值同时应用于元素和图像

发现了background一个有趣的属性：

background-attachment：scroll 默认滚动   fixed   固定

背景图像是否固定或者随着页面的其余部分滚动。

需求：当鼠标移动到一个元素A身上时，另外一个元素B显示。 

实现原理：

A元素与B元素有一个相同的父级。

B元素默认隐藏，A元素默认显示。

当鼠标移动到A元素身上时，也可以看做是移动到了A元素的父级身上。A元素的父级获得一个鼠标的hover状态。

css使用： .father:hover .b { display:block } 的方式，来定义鼠标移动到父级身上时，B元素的样式。

用CSS+DIV实现鼠标经过显示隐藏层，鼠标离开不显示隐藏层的效果 不用js

http://hovow.blog.sohu.com/64800559.html

明天计划：

完成任务七，好好优化代码

遇到问题：

写的时候发现自己覆盖的代码无法改变bootstrap本来的代码。

html渲染的时候是自上而下的，后面的样式会覆盖前面的样式。正确的是把自己的样式引入放在bootstrap的引入后面。

写的代码对浏览器和不同分辨率的pc端 移动端兼容性很差，注意改进 

收获：

感觉bootstrap的类名好长，写样式的时候有点蒙，总会找不到哪是哪

水了一波，最近有点浪，要注意