定位：
position：
static : 按文档流输出
relative: 其实是 relative to self 的文档流进行 偏移（left, top, 设置偏移）（元素显示偏移了，但在文档中还是占用那个空间）
absolute: 脱离文档流，相对 自己的已定位祖父元素的偏移(left, top) （元素显示偏移了，而且在文档中不占用空间）
fixed: 脱离文档流， 真正的绝对定位，相对文档窗口定位.（元素显示偏移了，而且在文档中不占用空间）
使用 relative, absolute, fixed定位的元素就是 已定位的元素， body是顶层已定位元素。
clear: left, right, both, none
Box Model：
六种盒子: 内联， 内联块， 块， 表格， 绝对定位，浮动。
display: inline (内联盒子）, block（块盒子）, inline-block（内联块盒子）
position: absolute, fixed. (绝对定位盒子）
float: left, right, both, none (浮动盒子）
margin, border, padding, overflow, width, height, left, top.
inline box: width，height和overflow不起作用。
选择符：
tagname #id
selector[attribute="value"]
.classname selector:pesudo-class *.classname.subclass
selector:pesudo-object
selector 空白符 descendent_selector
selector > child_selector
selector+sibling-selector