CSS 塊級元素（塊元素）和内聯元素的差別

1.塊級元素和内聯元素

1.1塊元素

• 定義：獨占一行的元素
• 作用：主要用來布局

• 詳細：div、h1、p都是塊級元素，塊級元素獨占一行

  ​ div沒有任何語義，是一個純粹的塊元素。不會給嵌套在它裡面的元素設定任何的預設樣式。

  ​ p标簽預設樣式，上下會有間距。

  ​ h1标簽預設樣式，字型加大加粗。

  ​ div主要用來，對頁面進行布局。

1.2内聯元素（行内元素）

• 定義：行内元素指的是隻占自身大小的元素，不會占用一行的元素。
• 作用：主要用來選中文本設定樣式。

• 詳細：a span img iframe 這些标簽都是内聯元素

  ​ span标簽沒有任何語義，span标簽專門用來選中文字，然後為文字設定樣式。

• 注意： 一般情況下，隻使用塊級元素包含内聯元素，而不會使用内聯元素去包含一個塊級元素。

  ​ a元素可以包含任意元素，除了他本身。

  ​ p元素不可以包含任何其他的塊元素(p元素是塊級元素)