行盒的盒模型
常見的行盒：包含具體內容的元素
span、strong、em、i、img、video、audio
顯著提點
- 盒子沿着內容延伸
- 行盒不能設置寬高
調整行與行的寬高，應該使用字體大小、行高、字體類型，間接調整。
- 內邊距（填充區）
水平方向有效，垂直方向僅會影響背景，不會實際佔據空間。
- 邊框
水平方向有效，垂直方向僅會影響背景，不會實際佔據空間。
- 外邊距
水平方向有效，垂直方向僅會影響背景，不會實際佔據空間。
行塊盒
display：inline-block 的盒子
- 不獨佔一行
- 盒模型中所有尺寸都有效
空白摺疊
空白摺疊，發生在行盒（行塊盒）內部或行盒（行塊盒）之間
可替換元素 和 非可替換元素
大部分元素，頁面上顯示的結果，取決於元素內容，稱爲非可替換元素
少部分元素，頁面上顯示的結果，取決於元素屬性，稱爲可替換元素
可替換元素：img、video、audio
絕大部分可替換元素均爲行盒。
可替換元素類似於行塊盒，盒模型中所有尺寸都有效。
