本篇文章給大家分享的是有關(guān)div與span標簽的區(qū)別是什么,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),祁陽企業(yè)網(wǎng)站建設(shè),祁陽品牌網(wǎng)站建設(shè),網(wǎng)站定制,祁陽網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,祁陽網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
具體步驟:
1.所謂塊元素,是以另起一行開始渲染的元素,行內(nèi)元素則不需另起一行,測試一下下面的代碼你會有更形象的理解:
測試<span>緊跟前面的"測試"顯示</span><div>這里會另起一行顯示</div>
2.塊元素和行內(nèi)元素也不是一成不變的,通過定義CSS的display屬性值可以互相轉(zhuǎn)化,如:
測試<div style="display:inline">緊跟前面的"測試"顯示</div><span style="display:block">這里會另起一行顯示</span>
提示:如果不對DIV元素定義任何CSS屬性,其顯示效果將行將于P元素。
因為DIV與SPAN元素的特殊性,所以一般用于應(yīng)用樣式表,比如說用CSS定義為層,而需要分清的是塊元素和行內(nèi)元素的區(qū)別,還有兩者間的相互轉(zhuǎn)化。
DIV指定渲染 HTML 的容器。
SPAN指定內(nèi)嵌文本容器。
總的來說,一個div是占一個塊的,它的默認display屬性是block,表示一個塊。如:
代碼如下:
顯示出來,是兩行。
而span,它的display默認屬性是inline,可以連在一起的。如:
代碼如下:
aaabbb
顯示出來是一行。
div一般用于排版,而span一般用于局部文字的樣式。
以上就是div與span標簽的區(qū)別是什么,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。