元素是文件結構的基礎，在 css 裡面，每個元素生成了包含內容的框（box）, 大家都叫「盒子」。但是不同的元素顯示方式是不同的，有佔據一整行的，有水平乙個挨著乙個的。
比如：div 與 span 的顯示方式不一樣，因為 div是塊級元素，會佔據一行，而span為行內元素，可多個span放置一行。
接下來就詳細講一下在css中塊級元素、行內元素和行內塊級元素的區別。
1. 塊級元素 block
塊級元素，顧名思義，該元素呈現「塊」狀，所以它有自己的寬度和高度，也就是可自定義 width 和 height。除此之外，塊級元素比較霸道，它獨自佔據一行高度（float浮動除外），一般可以作為其他容器使用，可容納塊級元素和行內元素。
塊級元素有以下特點：
>
// 定義位址
>
// 定義**標題
>
// 定義列表中定義條目
>
// 定義文件中的分割槽或節
>
// 定義列表
>
// 定義列表中的專案
>
// 定義乙個框架集
CSS塊級元素 行內元素 行內塊級元素
塊級元素 根據css規範的規定，每乙個網頁元素都有乙個display屬性，用於確定該元素的型別，每乙個元素都有預設的display屬性值，比如div元素，它的預設display屬性值為 block 成為塊級元素 display block 常見塊級元素 div p ul ol li 等 1 每個塊級...
塊級元素，行內元素，行內塊元素
內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...
塊級元素，行內元素，行內塊元素
獨佔一行，對寬高的屬性值生效 如果不給寬度，預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行，對寬高的屬性值不生效，靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...