02 CSS塊級元素和行內元素

word 發表於 2022-06-26
CSS

02 CSS塊級元素和行內元素

劃分依據:根據標籤內部可以存放的元素內容不同進行劃分,它與CSS樣式無關。

要先了解這個 得先了解 什麼是容器級別的標籤和文字級

容器級標籤

什麼是容器級標籤

  • 內部可以存放任意內容,包括容器級標籤。比如:
  • p div h ul ol dl li dt dd

文字級標籤

什麼是文字級標籤

  • 內部只能存放文字或者類似文字的內容。比如
  • 存放圖片、表單元素等

塊級元素

什麼是塊級元素?

  • 塊級元素會獨佔一行
  • 行內元素不會獨佔一行

行內元素

什麼是行內元素

  • 不會獨佔一行
  • 如果沒有設定寬度, 那麼預設和內容一樣寬
  • 行內元素是不可以設定寬度和高度的

行內塊級元素

為了能夠讓元素既能夠不獨佔一行, 又可以設定寬度和高度, 那麼就出現了行內塊級元素