網(wǎng)頁(yè)美工設計

網(wǎng)頁(yè)設計中div和span的區別是什么？

編輯：時(shí)間：2016-10-11 21:49:50

　　DIV和Span的區別是什么?對于很多新手來(lái)說(shuō)，可能對于DIV和Span兩個(gè)標簽的使用規則并不是很了解。具體的什么使用DIV，什么時(shí)候用Span，我們將通過(guò)本篇文章做詳細的介紹，下面鄭州清新教育鄭州網(wǎng)頁(yè)設計培訓的老師就帶著(zhù)我們就一起來(lái)看看吧!

　　<div>與<span>的區別在于，<div>是一個(gè)塊級元素(block-level)元素，它包圍的元素會(huì )自動(dòng)換行，而<span>僅僅是一個(gè)行內元素(inline elements)，在它的前面后不會(huì )換行。<span>沒(méi)有結構上的意義，純粹是應用樣式，當其他行內元素都不合適時(shí)，就可以使用<span>元素。

　　此外，<span>標記可以包含于<div>標記之中，成為它的子元素，而反過(guò)來(lái)則不成立，即<span>標記不能包含<div>標記.

　　通常情況下，對于頁(yè)面中大的區塊中大的區塊使用<div>標記，而<span>標記僅僅用于需要單獨設置樣式風(fēng)格的小元素，例如一個(gè)單詞、一幅圖片和一個(gè)超鏈接等

　　兩者最明顯的區別是：DIV(division)是一個(gè)塊級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備注等。而SPAN是行內元素，SPAN的前后是不會(huì )換行的，它沒(méi)有結構的意義，純粹是應用樣式，當其他行內元素都不合適時(shí)，可以使用SPAN。DIV元素即塊元素相當于內嵌元素在前后各加一個(gè)<br>換行。其實(shí)，塊元素和行內元素也不是一成不變的，只要給塊元素定義display:inline，塊元素就成了內嵌元素，同樣地，給內嵌元素定義了display:block就成了塊元素了。

　　以上就是有關(guān)“DIV和Span的區別是什么”相關(guān)問(wèn)題的解答，希望通過(guò)這部分的內容，能夠幫助大家更好的了解兩者之間的區別，在實(shí)際的應用中能夠更好的來(lái)使用。

<< 上一篇：HTML5對瀏覽器支持情況詳解圖

>> 下一篇：網(wǎng)頁(yè)設計中如何選擇正確的圖片格式

推薦資訊