首頁 > web前端 > css教學 > 在HTML的網頁版面裡div與span有什麼差別

在HTML的網頁版面裡div與span有什麼差別

php中世界最好的语言
發布: 2017-12-01 15:03:22
原創
2394 人瀏覽過

很多剛入行的朋友不是很懂這兩個標籤的差別,可能大家認為SPAN也是一塊,DIV也是一塊,同樣的作用為啥有兩個標籤呢?本篇文章就給大家解答這個疑惑。

DIV與SPAN的區別與特點

以下是在沒有對開發網頁頁面設定css樣式時候情況下,系統預設的介紹
div與span區別
div所佔的位置是一行,
span佔用的是內容有多寬就佔用多寬的空間距離

分析:從上圖很容易知道「我是內容一;用的div」和“我是內容二;使用的div”兩個內容外部用的是

標籤,他們得到樣式是佔用了一排空間(相當於換行一樣);而“我是內容三;用的span”和「我是內容四;用的span」則,文字內容有多寬,就佔用多寬距離,使用標籤和不使用一樣效果。

span標籤小結  

在網頁開發的時候使用div和span都可以,通常可以理解為沒有什麼差別。但注意的是div佔用一行,span不會佔用一行,內容佔多大寬度,span就有多寬。

擴充功能與提升

div內的span無須命名css選擇器偽類別,範例如下
若div的class為yangshi,則對內的span設定css屬性則,程式碼如下
.yanshi span{屬性及屬性值}


相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

CSS裡的盒子模型的種類差異

Css3製作動態開關的效果的實作步驟

CSS3的content屬性實作步驟

#

以上是在HTML的網頁版面裡div與span有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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