一、塊元素與div標(biāo)簽

div是一個(gè)塊元素，塊元素會(huì)獨(dú)占一行，無論它的內(nèi)容有多少，都會(huì)獨(dú)占一整行。

類似的塊元素還有：<p>、<h1>、<h2>、<h3> ·······

然而，<div>標(biāo)簽沒有任何語義，就是一個(gè)純粹的塊元素，并且不會(huì)為它里面的內(nèi)容設(shè)置任何默認(rèn)樣式。它的作用主要是對(duì)頁面進(jìn)行布局的。

二、內(nèi)聯(lián)元素

內(nèi)聯(lián)元素也叫“行內(nèi)元素”，相對(duì)于塊元素來說，行內(nèi)元素不會(huì)獨(dú)占一行，只會(huì)占用自身內(nèi)容大小。當(dāng)一行容納不下便會(huì)自動(dòng)換行。

類似的行內(nèi)元素還有：<a>、<img>、<iframe> ·······、<span>

2.1 span標(biāo)簽

span沒有任何語義，一般專門用來選中文本，以便為文字設(shè)置樣式。

三、塊元素與內(nèi)聯(lián)元素的使用規(guī)則

塊元素主要用來做頁面的布局，內(nèi)聯(lián)元素主要用來選中文本設(shè)置樣式。

一般情況下只使用塊元素去包含內(nèi)聯(lián)元素，而不會(huì)使用內(nèi)聯(lián)元素包含塊元素。

a標(biāo)簽除了它本身之外，可以包含其他任何（塊元素或內(nèi)聯(lián)元素）元素。

p標(biāo)簽不可以包含任何（包括它本身）塊元素。

?

總結(jié)

以上是生活随笔為你收集整理的HTMLCSS————块元素与内联元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。