設定

/* 塊級元素 */
display: block;
/* 行內元素 */
display: inline;
/* 行內塊元素 */
display: inline-block;

特點

• 塊級元素：div、h1~6、p、form、ul、li、ol、dl、address、fieldset、hr、menu、table
  • 獨佔一行（其寬度預設填滿其父元素）
  • 可以設定width、height和margin、padding
行內元素：span、a、b、i
• 不會獨佔一行（其寬高由內容決定）
• 設定width和height無效，垂直方向的margin設定無效
• 行內塊元素：
  • 不獨佔一行
  • 可以設定width、height和margin、padding
• 空元素：br、hr
• 替換元素：img、input、iframe、textarea
• 瀏覽器可以根據元素的標籤和屬性改變元素的具體顯示內容。
• <input/ > 標籤：type屬性不同，頁面上所載入的內容也不相同。
• <img/ > 標籤：不新增屬性時，頁面上沒有顯示；新增 src 屬性，才會顯示圖片，src 不同，頁面上顯示出來的內容也就不同。
• 不可替換元素（非替換元素）
  • 不通過標籤和屬性決定元素的具體顯示內容，而是將標籤所包圍的具體內容告訴瀏覽器，並在頁面上直接顯示出來。
  • <p></p> 標籤：瀏覽器直接會將 <p></p> 標籤裡面的東西顯示出來，而不是通過屬性。

巢狀

• 塊級元素中可以包含塊級元素和行內元素。
  • p標籤不能巢狀塊級元素。（h1-6、dt同理）
• 行內元素只能包含行內元素，不能包含塊級元素。
  • a標籤不能包含a標籤。