行內元素，塊級元素與空元素

行內元素：a、b、span、img、input、strong、select、label、em、button、textarea

塊級元素：div、ul、li、dl、dt、dd、p、h1-h六、blockquote

空元素:br、meta、hr、link、input、img

 

塊級元素的特色：

1.總在新行上開始，佔據一整行
2.默認狀況下，其寬度自動填滿其父元素寬度
3.寬度始終是與瀏覽器寬度同樣，與內容無關
4.它能夠容納內聯元素和其餘塊元素
5.display屬性爲block

 

塊級元素的垂直相鄰外邊距margin會合並。

行內元素的特色：

1.和其餘元素都在一行上
2.高，行高及外邊距和內邊距部分可改變
3.寬度只與內容有關
4.行內元素只能容納文本或者其餘行內元素
5.display屬性爲inline

水平方向的padding-left、padding-right、margin-left、margin-right都產生邊距效果，
但豎直方向的padding-top、padding-bottom、margin-top、margin-bottom卻不會產生邊距效果。
不能夠設置寬高，其寬度隨着內容增長，高度隨字體大小而改變，內聯元素能夠設置外邊界，可是外邊界不對上下起做用，只能對左右起做用。

 

空元素的特色：

 

沒有內容的 HTML 內容被稱爲空元素。空元素是在開始標籤中關閉的。
<br /> 就是沒有關閉標籤的空元素（<br /> 標籤訂義換行）。
在 XHTML、XML 以及將來版本的 HTML 中，全部元素必須被關閉。
在開始標籤中添加斜槓，好比 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即便 <br> 在全部瀏覽器中都是有效的，但使用 <br /> 實際上是更長遠的保障。

 

轉載請聯繫