塊級元素(block elements)與行內元素(inline elements)是構建html世界的基本元素，所有位于body標簽的元素可以劃分為這兩大類型。那么，我們不禁要問：元素劃分為block和inline的意義何在？
- 塊級元素
- 塊級元素規定
元素內容占據整塊區域，排斥其他元素與其位于同一行 - 可以設定width和height
- 一般是其他元素（block或inline）的父容器
- 具體演示效果如下：
- 塊級元素規定
- 常見塊級元素包括：
-
行內元素
- 行內元素規定可以與其他元素位于同一行，但不可包含塊級元素
- 不可以設定width和height，height由字體大小決定，weight有字體個數決定
具體演示效果如下:
- 常見行內元素包括：
- 可變元素
- Css元素的display屬性
每一個元素都具備一個display屬性，該屬性規定每個元素的表現類型：block、inline和block-inline
- block規定元素為塊級元素；inline規定元素為行內元素；inline-block規定元素具有改變寬高功能的行內元素
- 具體演示效果如下：
小結：
- block規定元素的占據整塊區域的空間，排斥其他元素與其同行；inline規定元素可與其他元素同行;inline-block是具備調整寬高的inline元素
- block可以設定寬高并能容納其他block和inline元素，inline無法設定寬高并只能容納inline元素
- 可以在Css元素中設定display屬性改變元素的表現形式
參考資料：
