免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
SPAN元素和DIV元素的區(qū)別

SPAN元素和DIV元素的區(qū)別


最明顯的區(qū)別是:DIV是塊元素,SPAN是內(nèi)嵌元素。塊元素相當(dāng)于內(nèi)嵌元素在前后各加一個<br>換行。其實,塊元素和行內(nèi)元素也不是一成不變的,只要給塊元素定義display:inline,塊元素就成了內(nèi)嵌元素,同樣地,給內(nèi)嵌元素定義了display:block就成了塊元素了。
具體步驟


代碼示例:

<style>
div,span{border:1px solid #000;margin:2}
</style>
<div>div1</div><div>div2</div>
<span>span1</span><span>span2</span>
<br>
<div style="display:inline">div3</div>
<div style="display:inline">div4</div>
<span style="display:block">span3</span>
<span style="display:block">span4</span>

技巧:有些朋友會說DIV是層標(biāo)簽,其實HTML里是沒有層這個說法的,只不過是為了易于理解,Dreamweaver里才這樣寫的,每個對象都可以成為“層”,只需要給對象定義position屬性(值為absolute或relavite)。例如,要讓圖片成為“層”,可以這樣寫代碼:

<img src="demo.gif" style="posibion:absolute;left:20;top:20">

特別提示
本例代碼運行效果如圖2.1.6.3所示,為了更能說明問題,這里給塊元素和內(nèi)嵌元素都加了1像素寬的黑色實線邊框,從圖中可以看到,DIV默認為塊元素,定義display屬性值為inline后以內(nèi)嵌元素顯示,而SPAN默認為內(nèi)嵌元素,定義display屬性值為block后則以塊元素顯示。


圖2.1.6.3 塊元素與內(nèi)嵌元素的相互轉(zhuǎn)化

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
div 顯示與隱藏
display:inline的解釋
深入理解DIV和SPAN的區(qū)別
HTML標(biāo)簽嵌套基本規(guī)則
display:inline怎么用?
CSS中元素的顯示模式
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服