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

塊級元素：div、ul、li、dl、dt、dd、p、h1-h6、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 /> 其實是更長遠的保障。

轉載請聯系

分享名稱：行內元素，塊級元素與空元素
文章位置：http://m.2m8n56k.cn/news15/159715.html

成都網站建設公司_創新互聯，為您提供網站制作、面包屑導航、做網站、定制開發、軟件開發、商城網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯