css 小记

定位：

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