CSS_區塊元素與行內元素

區塊元素(block)

• 在新的一行開始
• 若沒有定義該元素長寬，則會100%佔滿所在空間
• 例：
  會佔滿整個區塊(整行)
• css語法：display:block;

區塊元素常見包括
div、p、h1~h6、
ul、ol、li、
dl、dt、dd、
form、table、hr、
blockquote 、
address、menu、pre.....等等

行內元素(inline)

• 不一定會在新的一行開始
• 該元素佔有的空間為其內容本身(文字或圖片)之長寬
• 無法重新自定義長寬
• 可能其他元素並排(視空間寬度而定)
• 例：span會接續前方元素，不會換行

行內元素常見包括
span、em、i、b、
strong、a、img、input、
br、select、textarea、q、bdo、
sub、sup

空元素特點

1.没有内容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。
2.由於HTML元素的内容是開始標籤与结束標籤之间的内容。
而某些HTML元素具有空内容。那些含有空内容的HTML元素，就是空元素。
3.單標籤，只有開始標籤，没有结束標籤

空元素常見包括

<br> <hr> <img> <input> <link> <meta>
<area> <base> <col> <command> <embed> <param> <source> <track> <wbr>
...等等

More info: 參考連結