今天完成的事情：

1.概念

1.1  字体间距

  letter-spacing

  http://www.divcss5.com/rumen/r75.shtml

1.2背景（准确说是元素透明度）

opacity: 0.8;/*设置背景透明度*/

1不透明  0全透明

1.3相对定位（定位：偏移基准--“包含块”；偏移量）

相对于原先位置的偏移量之后显示当前位置，原先位置仍然发生占位。

使用相对定位的盒子不仅对父块没有任何影响，对兄弟盒子也没有任何影响。

1.4绝对定位

绝对定位的盒子从标准流中脱离。这意味着它们对其后的兄弟盒子的定位没有影响，其它的盒子就好像这个盒子不存在一样。

用绝对定位的盒子以它的“最近”的一个“已经定位”的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准进行定位。

relative 相对于浏览器

有父relative的absolute 相对于父

无父relative的absolute 相对于浏览器

如果设置了绝对定位，而没有设置偏移属性，那么它仍然保持原有的位置。

1.5固定定位：

它与绝对定位有些类似，区别主要在于定位的基准是浏览器窗口或其它显示设备窗口

1.6 z-index空间位置

页面是x-y-z立体结构，垂直屏幕就是z，正整数就是在屏幕上方，负整数就是在页面下方

1.7浮动

层叠层次等于基准元素

浮动排列基准的优先级：height>width

2. 理解 

2.1  移动端解决悬浮层（悬浮header、footer）会遮挡住内容的3种方法

法一. Javasrript解决

法二.给body加上padding-bottom

法三.增加同级占位符<div>

http://www.jb51.net/html5/305075.html

2.2 CSS中的三种基本的定位机制（普通流、定位、浮动）

这里提一下脱离普通流的方式：

浮动 固定定位 绝地定位

明天计划的事情：任务7第三部分

遇到的问题：bootstrap栅格布局的理解

收获：以上