行內(nèi)元素，塊級(jí)元素與空元素

行內(nèi)元素：a、b、span、img、input、strong、select、label、em、button、textarea

塊級(jí)元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

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

塊級(jí)元素的特點(diǎn)：

1.總在新行上開(kāi)始，占據(jù)一整行
2.默認(rèn)情況下，其寬度自動(dòng)填滿其父元素寬度
3.寬度始終是與瀏覽器寬度一樣，與內(nèi)容無(wú)關(guān)
4.它可以容納內(nèi)聯(lián)元素和其他塊元素
5.display屬性為block

塊級(jí)元素的垂直相鄰?fù)膺吘鄊argin會(huì)合并。

行內(nèi)元素的特點(diǎn)：

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

水平方向的padding-left、padding-right、margin-left、margin-right都產(chǎn)生邊距效果，
但豎直方向的padding-top、padding-bottom、margin-top、margin-bottom卻不會(huì)產(chǎn)生邊距效果。
不可以設(shè)置寬高，其寬度隨著內(nèi)容增加，高度隨字體大小而改變，內(nèi)聯(lián)元素可以設(shè)置外邊界，
但是外邊界不對(duì)上下起作用，只能對(duì)左右起作用。

空元素的特點(diǎn)：

沒(méi)有內(nèi)容的 HTML 內(nèi)容被稱為空元素。空元素是在開(kāi)始標(biāo)簽中關(guān)閉的。
<br /> 就是沒(méi)有關(guān)閉標(biāo)簽的空元素（<br /> 標(biāo)簽定義換行）。
在 XHTML、XML 以及未來(lái)版本的 HTML 中，所有元素必須被關(guān)閉。
在開(kāi)始標(biāo)簽中添加斜杠，比如 <br />，是關(guān)閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實(shí)是更長(zhǎng)遠(yuǎn)的保障。

轉(zhuǎn)載請(qǐng)聯(lián)系

分享名稱：行內(nèi)元素，塊級(jí)元素與空元素
文章位置：http://www.bm7419.com/news15/159715.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、面包屑導(dǎo)航、做網(wǎng)站、定制開(kāi)發(fā)、軟件開(kāi)發(fā)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)