1、display:none;：

　　隐藏元素，不占位，即看不见摸不到；

　　 visibility:hidden：隐藏元素，但占位，即看不见摸得到。

2、无名块框：

　　比如div中的直接文本(没有标签包含)，也会被当作段落对待，只是无名，就是没有类似于<p>的标签名，所以不能直接对其应用样式。

3、普通流中的元素的位置由元素在 (X)HTML 中的位置决定。

4、行框与行内框：

　　行框？？？：line box，由一行形成的水平框；

　　行内框是相对于块级框而存在的。

6、相对定位：

　　相对于元素的起点进行移动；

　　top:10px：表示元素下移10像素，top:-10px：表示元素上移10像素；

　　注意元素没有脱离普通流，因为元素移动前占据的空间没有变化，元素像是“飘”了起来，它可能覆盖其它元素，也可能被覆盖，但它的“家”始终在原来的位置不变。

7、绝对定位：

　　相对于其包含块定位：

　　　　包含块可能是文档中的另一个元素或者是初始包含块，简而言之就是默认的或是定义的父元素。

　　元素定位完成后终会成为一个块级框；

　　注意元素已经脱离普通流和文本流，因为元素移动前占据的空间已经不再被保留；

　　z-index 属性设置元素的堆叠顺序：

　　　　拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面；

　　　　仅能在定位元素上奏效：absolute、relative、fixed。

8、浮动：

　　浮动的框可以向左或向右移动(而非上下)，直到它的margin碰到包含框的padding或另一个浮动框的margin为止；

　　浮动元素不再处于文档流中，所以它不占据空间；

　　浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框；

　　　　浮动元素不占据空间，为什么行框被迫给浮动框让出空间？？？行框是什么？框与元素是什么关系？

　　　　包围图片和文本的 div 不占据空间？

9、浮动元素 元素重叠 div3内的文字被挤出去？

　　清除浮动？

　　 

　　

10、替换元素与非替换元素：