塊元素和內(nèi)聯(lián)元素
- 塊元素是指獨(dú)占一行的元素虫碉，無(wú)論其內(nèi)容多少都會(huì)獨(dú)占一行
- 常見(jiàn)款元素：
div 、p 、h1到h5
- div屬于典型的塊元素
特點(diǎn)：與其他塊元素相比含思，div不存在任何語(yǔ)義，不會(huì)對(duì)標(biāo)簽內(nèi)的內(nèi)容設(shè)置任何默認(rèn)的樣式
存在的目的就是為了實(shí)現(xiàn)頁(yè)面布局
- 內(nèi)聯(lián)元素是指只占其自身大小的元素
- 常見(jiàn)的內(nèi)聯(lián)元素：
span甘晤、a含潘、img、iframe
- span 屬于典型的內(nèi)聯(lián)元素
特點(diǎn)：與其他的內(nèi)聯(lián)元素相比线婚，span無(wú)任何實(shí)際語(yǔ)義
span標(biāo)簽是用來(lái)選中文本遏弱，然后為選中的文本設(shè)置樣式
- 兩者的區(qū)別與聯(lián)系：
div是塊元素，是用于頁(yè)面布局的塞弊，span是內(nèi)聯(lián)元素用于選中文本并為其設(shè)置樣式
1.一般情況下只有塊元素包含內(nèi)聯(lián)元素漱逸，而內(nèi)聯(lián)元素不能包含塊元素
- a元素是屬于內(nèi)聯(lián)元素，但是a元素可以包含任何元素游沿，除了它自身
3.p元素不能包含塊元素
- 正確代碼示例：
<div style="color:red">
<p>我是圓圓爸爸</p>
</div>
<hr/>
<p>我是騎豬的爸爸饰抒，<span style="font-size:40px">我的孩子叫圓圓，祝他順利誕生诀黍！</p>
<hr/>
<a href="#">
<div>我是騎豬的爸爸</div>
</a>
<a href="#">
<p>我是騎豬的爸爸</p>
</a>
- 錯(cuò)誤代碼示例：
<span>
<div>
</div>
</span>
