塊級元素與行內元素的區別

本文轉載於:猿2048網站→塊級元素與行內元素的區別

塊元素(block)的特色：
一、老是在新行上開始；
二、高度，行高以及頂和底邊距均可控制；
三、寬度缺省是它的容器的100%，除非設定一個寬度。

 內聯元素(inline)的特色： 
一、和其餘元素都在一行上；
二、高，行高及頂和底邊距不可改變；
三、寬度就是它的文字或圖片的寬度，不可改變。

html標籤的block、inline分類明細：
塊元素(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 - 定義變量