什么是塊元素？什么是行內(nèi)元素？

HTML標(biāo)簽語(yǔ)言提供了豐富的標(biāo)簽，用于組織頁(yè)面結(jié)構(gòu)。為了使頁(yè)面結(jié)構(gòu)的組織更加輕松、合理，HTML標(biāo)簽被定義成了不同的類(lèi)型，一般分為塊元素和行內(nèi)元素，也稱(chēng)為塊標(biāo)簽和行內(nèi)標(biāo)簽，了解它們的特性可以為使用CSS設(shè)置樣式和布局打下基礎(chǔ)。

1. 塊元素

塊元素在頁(yè)面中以區(qū)域塊的形式出現(xiàn)，其特點(diǎn)是，每個(gè)塊元素通常都會(huì)獨(dú)自占據(jù)一行或多行，可以對(duì)其設(shè)置寬度、高度、對(duì)齊等屬性，常用于網(wǎng)頁(yè)布局和網(wǎng)頁(yè)結(jié)構(gòu)的搭建。

常見(jiàn)的塊元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>標(biāo)簽是最典型的塊元素。

2. 行內(nèi)元素

行內(nèi)元素也稱(chēng)內(nèi)聯(lián)元素或內(nèi)嵌元素，其特點(diǎn)是，不會(huì)占據(jù)一行，也不強(qiáng)迫其他的標(biāo)簽在新的一行顯示。一個(gè)行內(nèi)標(biāo)簽通常會(huì)和其他行內(nèi)標(biāo)簽顯示在同一行中，它們不占有獨(dú)立的區(qū)域，僅僅靠自身的文本內(nèi)容大小和圖像尺寸來(lái)支撐結(jié)構(gòu)，一般不可以設(shè)置寬度、高度、對(duì)齊等屬性，常用于控制頁(yè)面中文本的樣式。

常見(jiàn)的行內(nèi)元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等，其中<span>標(biāo)簽最典型的行內(nèi)元素。






猜你喜歡：

JavaScript中修改元素內(nèi)容怎樣操作？

子結(jié)構(gòu)元素怎樣設(shè)置不同于結(jié)構(gòu)元素的樣式？

相鄰塊元素垂直合并是怎樣實(shí)現(xiàn)的？

黑馬程序員前端培訓(xùn)