1、 文件流概念
是瀏覽器解析網頁的乙個重要概念。對於乙個xhtml網頁，body元素下的任意元素，根據其先後順序，組成了乙個上下關係，這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁中的位置。文件流是瀏覽器的預設顯示規則。
2、 塊級元素與行內元素
得出區別的方法：
1. 寫兩個div，兩個span
2. 分別對div 與span 設定背景看效果
3. 分別設定寬度看效果
4. 加margin看效果
1）、區別
頁面中元素一般分為兩種：塊級元素，行內元素（內聯元素），既然分為兩種元素，那麼他們之間必然有區別：
a. 塊級元素總是獨自佔一行，前面和後面就好像有個換行符，內聯元素總是和其它的內聯兄弟佔一行
b. 塊級元素可以設定寬和高度值，內聯元素就不行了，他們的寬和高總是隨著自身的內容自動擴大和縮小
c. 塊級元素的margin和padding都正常，內聯元素左右maring和左右padding正常，上下不正常不識別，也就是說不能通過margin-top和padding-top來改變行高
d. 網頁布局時，塊級元素可包含內聯元素和其它塊級元素；而內聯元素只可包含內聯元素和文字等，不可包含塊級元素。我們可以理解為內容標記和結構標記。
2）、常用的塊級元素和行內元素有：
塊級元素：h1至h6,div p ul dl dt dd form table等
行內元素：strong em span b i a img input等
3）、相互轉化
想讓自己獨佔一行就用塊級元素(div,dl,dt,dd,ul,li...)，想讓元素和其它元素在一行就用行內元素(span,a,img)。
他們之間可以通過樣式來轉換
disply:block;
display:inline;
複製**
補充：display:inline-block;
將物件呈遞為內聯元素，與其它的元素同處一行，但是內部又呈現出塊級元素，也就是可以設定寬度和高度，打破了塊級元素和內聯元素的區別，此屬性，ie8，ff3， 其它的標準瀏覽器都識別，ie6，ie7，ff2不識別此屬性
display:list-item;
display：none
html元素盒模型，塊級元素和內聯元素區別
1 盒模型 盒模型 html文件中的每個元素都被描繪成矩形盒子，這個模型稱為盒模型。盒模型包括 margin 外邊距 border 邊框 padding 內邊距 content 內容區域 元素佔據的空間 margin border padding content。正常盒模型 屬性width heig...
塊級元素 內聯元素 可變元素
block 塊 元素的特點 總是在新行上開始 高度，行高以及外邊距和內邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度。它可以容納內聯元素和其他塊元素 inline元素的特點 和其他元素都在一行上 高，行高及外邊距和內邊距不可改變 寬度就是它的文字或的寬度，不可改變 內聯元素只能容納文字或...
CSS塊級元素 內聯元素
在css盒子模型中，我們提到了html元素中的塊元素 block element 和內聯元素 inline element 那麼它們究竟是什麼呢？其實，這兩種元素都是html規範中的概念。塊元素 block element 一般是其他元素的容器元素，能容納其他塊元素或內聯元素。最常見的就是p和div...