網(wǎng)頁(yè)設計中div和span的區別是什么?
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è)設計中如何選擇正確的圖片格式 |
- 2016-10-11網(wǎng)頁(yè)設計中DIV超出部分怎么隱藏呢?
- 2016-09-23網(wǎng)頁(yè)設計中的總結經(jīng)驗和心得
- 2016-09-23網(wǎng)頁(yè)設計中的Banner要做到傳情達意
- 2016-09-17網(wǎng)頁(yè)元素在網(wǎng)頁(yè)設計風(fēng)格的作用
- 2016-09-17如何讓網(wǎng)頁(yè)設計風(fēng)格更加具有商業(yè)化
- 2016-09-17網(wǎng)頁(yè)設計風(fēng)格及主色調的選擇和應用
- 2016-08-23端景這個(gè)詞在室內設計中是什么意思?
- 2016-08-22網(wǎng)頁(yè)設計制作中的相近色應用
- 2016-07-13HTML5和HTML有何區別呢?
- 2016-07-05網(wǎng)站美工和平面設計的區別有哪些?
- 2016-05-30室內深化設計師與室內設計師的區別是什么?
- 2016-04-16網(wǎng)頁(yè)設計制作是如何精確還原設計稿的
- 2016-04-16較新較流行的平面設計風(fēng)格是什么?
- 2016-04-10網(wǎng)頁(yè)設計中的柵格系統是什么?
- 2016-04-10平面設計中網(wǎng)格系統的作用是什么?
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16