首頁 > web前端 > css教學 > Span和Div的差別是什麼? Span和Div的區別詳解

Span和Div的差別是什麼? Span和Div的區別詳解

云罗郡主
發布: 2018-11-20 16:37:56
轉載
3975 人瀏覽過

這篇文章帶給大家的內容是關於Span和Div的差別是什麼? Span和Div的差別詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

HTML只是賦予內容的手段,大部分HTML標籤都有其意義(標籤p創建段落,h1標籤創建標題等等)的,然而span和div標籤似乎沒有任何內容上的意義,聽起來就像一個泡沫做成的錘子一樣無用。但實際上,與CSS結合起來後,它們被使用得十分廣泛。

它們被用來組合一大塊的HTML程式碼並賦予一定的訊息,大部分用類別屬性class和識別屬性id與元素聯繫起來,請參閱CSS中級指南的類別和id選擇符。

span和div的不同之處在於span是內聯的,用在一小塊的內聯HTML中,而div(想想division是什麼意思)元素是塊級的(簡單地說,它等同於其前後有斷行),用於組合一大塊的程式碼。程式碼如下:

<div id=”scissors”> <p>This is <span class=”paper”>crazy</span></p> </div>
登入後複製

在實踐中,div,特別是span不應該濫用,儘管有其他相左的意見。例如,你要強調單字“crazy”和加粗類別“paper”,可能會用這樣的程式碼:

<div id=”scissors”> <p>This is <strong class=”paper”>crazy</strong></p> </div>
登入後複製

以上就是對Span和Div的差別是什麼? Span和Div的區別詳解的全部介紹,如果您想了解更多有關CSS3教程,請關注PHP中文網。


以上是Span和Div的差別是什麼? Span和Div的區別詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:divcss5.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板