塊級元素、內聯級元素的定義可能大家還不太明白具體其具體的含義，接下來我們逐一解析：
塊元素(block
element)一般是其他元素的容器元素，塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤'P"。“form"這個塊
元素比較特殊，它只能用來容納其他塊元素。
如果沒有css的作用，塊元素會順序以每次另起一行的方式一直往下排。
而有了css以後，我們可以改變這種html的默認佈局模式，把塊元素擺放到你想要的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table標
籤也是塊元素的一種，table based layout和cssbased
layout從一般使用者（不包括視力障礙者、盲人等）的角度來看這兩種佈局，除了頁面載入速度的差別外，沒有其他的差別。但是如果普通使用者不經意點了
查看頁面源代碼按鈕後，兩者所表現出來的差異就非常大了。基於良好重構理念設計的css佈局頁面源碼，至少也能讓沒有web開發經驗的普通使用者把內容快
速的讀懂。從這個角度來說，css layout code應該有更好的美學體驗。
你能夠把塊容器元素div想象成一個個box，或者如果你玩過剪貼文載的話，那就更加容易理解了。我們先把需要的文章從各種報紙、雜誌總剪
下來。每塊剪下來的內容就是一個block。然後我們把這些紙塊按照自己的排版意圖，用膠水重新貼到一張空白的新紙上。這樣就形成了你自己獨特的文摘快報
了。作爲一種技術的延伸，網頁佈局設計也遵循了同樣的模式。
內聯元素(inline
element)一般都是基於語義級(semantic)的基本元素。內聯元素只能容納文本或者其他內聯元素，常見內聯元素 “a”。
需要說明的是：inline
element的中文叫法，有多種內聯元素、內嵌元素、行內元素、直進式元素。基本上沒有統一的翻譯，愛怎麼叫怎麼叫吧。另外提到內聯元素，我們會想到有
個display的屬性是display:inline;這個屬性能夠修復著名的IE雙倍浮動邊界問題。
塊元素(block
element)和內聯元素(inline
element)都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始。而當加入了css控制以後，塊元素和內聯元素的這種屬
性差異就不成爲差異了。比如，我們完全可以把內聯元素cite加上display:block這樣的屬性，讓他也有每次都從新行開始的屬性。
塊
元素（block element）
·address - 地址
·blockquote - 塊引用
·center - 舉中對齊塊
·dir
- 目錄列表
·div - 常用塊級容易，也是css layout的主要標籤
·dl - 定義列表
·fieldset -
form控制組
·form - 交互表單
·h1 - 大標題
·h2 - 副標題
·h3 - 3級標題
·h4 -
4級標題
·h5 - 5級標題
·h6 - 6級標題
·hr - 水平分隔線
·isindex - input
prompt
·menu - 菜單列表
·noframes - frames可選內容，（對於不支持frame的瀏覽器顯示此區塊內容）
·noscript
- 可選腳本內容（對於不支持script的瀏覽器顯示此內容）
·ol - 排序表單
·p - 段落
·pre - 格式化文本
·table
- 表格
·ul - 非排序列表
內聯元素（inline element）
·a - 錨點 ·abbr - 縮寫
·acronym - 首字
·b - 粗體(不推薦)
·bdo -
bidi override
·big - 大字體
·br - 換行
·cite - 引用
·code -
計算機代碼(在引用源碼的時候需要)
·dfn - 定義字段
·em - 強調
·font - 字體設定(不推薦)
·i -
斜體
·img - 圖片
·input - 輸入框
·kbd - 定義鍵盤文本
·label - 表格標籤
·q
- 短引用
·s - 中劃線(不推薦)
·samp - 定義範例計算機代碼
·select - 項目選擇
·small
- 小字體文本
·span - 常用內聯容器，定義文本內區塊
·strike - 中劃線
·strong - 粗體強調
·sub
- 下標
·sup - 上標
·textarea - 多行文本輸入框
·tt - 電傳文本
·u - 下劃線
·var
- 定義變量
當內聯元素，在CSS中定義下列屬性中的一種，便具有塊元素的特徵
1）display:block;
2）float:left;
（不但具有塊元素的特徵，同時像左側浮動）
但是這時候的內聯元素，雖然具有塊狀元素的特徵，但是這兩種有一點區別，第一種，徹頭徹尾和塊元素一
模一樣，都要單獨佔一行，從左至右，前提沒有width和height屬性，嚴格遵循流動佈局模型塊狀元素的流動方式，自上至下流動，第二種，大小是恰好
能將內容包含，並且右側浮動，可以多個在一行。
當加上position:absolute/relative
的
時候，塊狀元素和內聯元素，就不受父級區域的限制了，可以移動到任何位置，此時如果加上width和height屬性，那麼就具有層的特徵了。（加上
width和height還有一點好處，就是可以兼容IE瀏覽器了，所有的瀏覽器現實效果都一樣了）