在講解css布局之前，我們需要提前知道一些知識，在css中，html中的標籤元素大體被分為三種不同的型別：塊狀元素、內聯元素和內聯塊狀元素。
常用的塊狀元素有：
、、...、、、、、、、常用的內聯元素有：
、、常用的內聯塊狀元素有：、、、、、、、、
塊級元素
什麼是塊級元素？在html中、 、、、和 就是塊級元素。設定display:block就是將元素顯示為塊級元素。如下**就是將行內元素a轉換為塊狀元素，使a元素具有塊狀元素特點。
1
a塊級元素特點：
1、每個塊級元素都從新的一行開始，並且其後的元素也另起一行。（真霸道，乙個塊級元素獨佔一行）
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
3、元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設定乙個寬度。
行內元素
在html中，、、、、
行內元素特點：
1、和其他元素都在一行上；
2、元素的高度、寬度、行高及頂部和底部邊距不可設定；
3、元素的寬度就是它包含的文字或的寬度，不可改變。
內聯塊狀元素
內聯塊狀元素（inline-block）就是同時具備內聯元素、塊狀元素的特點，**display:inline-block就是將元素設定為內聯塊狀元素。(css2.1新增)，
inline-block元素特點：
1、和其他元素都在一行上；
2、元素的高度、寬度、行高以及頂和底邊距都可設定
HTML標籤元素的分類
塊狀元素 內聯元素 內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 1 塊級元素 什麼是塊級元素？在html中 和 就是塊級元素。設定display block就是將元素顯示為塊級元素。如下 就是將行內元素a轉換為塊狀元素，使a元素具有塊狀元素特點。1a 塊級元素特點 1 每...
html標籤元素分類 行內元素和塊級元素
在css中，html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 下面部分 內聯元素 inline element a 錨點 b 粗體 不推薦 br 換行 em 強調 font 字型設定 不推薦 i ...
HTML標籤分類
按閉合特徵分類 按是否換行分類 塊級元素特點 常用的塊級元素 標籤描述 div常用塊級容器，也是css和layout的主要標籤 h1 h6 一二三四五六級標題 hr水平分割線 menu 選單列表 ol ul li 有序列表 無序列表 列表項 dl dt dd 自定義列表 定義分類 類項描述 tabl...