元素分類--內(nèi)聯(lián)元素
元素分類--內(nèi)嵌元素
在html中，<span>、<a>、<label>、 <strong> 和<em>就是典型的內(nèi)聯(lián)元素（行內(nèi)元素）（inline）元素。當(dāng)然塊狀元素也可以透過程式碼display:inline將元素設(shè)定為內(nèi)聯(lián)元素。如下程式碼就是將區(qū)塊狀元素div轉(zhuǎn)換為內(nèi)聯(lián)元素，使 div 元素具有內(nèi)聯(lián)元素特徵。
div{
display:inline;
}?
......
<div>我要變成內(nèi)嵌元素</div>
內(nèi)嵌元素特點：
1、和其他元素都在一行上；
2、元素的高度、寬度及頂部和底部邊距不可設(shè)定；
3、元素的寬度就是它所包含的文字或圖片的寬度，不可改變。
小夥伴們你們觀查一下右側(cè)程式碼段，有沒有發(fā)現(xiàn)一個問題，內(nèi)聯(lián)元素之間有一個間距問題，這個問題在本小節(jié)的wiki 中有介紹，感興趣的小伙伴可以去查看。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行內(nèi)元素標(biāo)簽</title>
<style type="text/css">
a,span,em{
background:pink;/*設(shè)置a、span、em標(biāo)簽背景顏色都為粉色*/
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://miracleart.cn">php中文網(wǎng)</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</body>
</html>
