02 CSS塊級元素和行內元素
劃分依據:根據標籤內部可以存放的元素內容不同進行劃分,它與CSS樣式無關。
要先了解這個 得先了解 什麼是容器級別的標籤和文字級
?
容器級標籤
什麼是
容器級標籤
?
- 內部可以存放任意內容,包括容器級標籤。比如:
- p div h ul ol dl li dt dd
文字級標籤
什麼是
文字級標籤
?
- 內部只能存放文字或者類似文字的內容。比如
- 存放圖片、表單元素等
塊級元素
什麼是
塊級元素
?
- 塊級元素會獨佔一行
- 行內元素不會獨佔一行
行內元素
什麼是
行內元素
?
- 不會獨佔一行
- 如果沒有設定寬度, 那麼預設和內容一樣寬
- 行內元素是不可以設定寬度和高度的
行內塊級元素
為了能夠讓元素既能夠不獨佔一行, 又可以設定
寬度和高度
, 那麼就出現了行內塊級元素