在HTML的網(wǎng)頁布局里div與span有什么區(qū)別

DIV與SPAN的區(qū)別與特點

以下是在沒有對開發(fā)網(wǎng)頁頁面設(shè)置css樣式時候情況下，系統(tǒng)默認(rèn)情況下的介紹
div與span區(qū)別
div占用的位置是一行，
span占用的是內(nèi)容有多寬就占用多寬的空間距離

分析：從上圖很容易知道“我是內(nèi)容一；用的div”和“我是內(nèi)容二；用的div”兩個內(nèi)容外部用的是<div>標(biāo)簽，他們得到樣式是占用了一排空間（相當(dāng)于換行一樣）；而“我是內(nèi)容三；用的span”和“我是內(nèi)容四；用的span”則，文字內(nèi)容有多寬，就占用多寬距離，使用<span>標(biāo)簽和不使用一樣效果。

span標(biāo)簽小結(jié)

在網(wǎng)頁開發(fā)的時候使用div和span都可以，通常可以理解為沒有什么區(qū)別。但注意的是div占用一行，span不會占用一行，內(nèi)容占多大寬度，span就有多寬。

擴展與提升

div內(nèi)的span無需命名css選擇器偽類，例子如下
如果div的class為yangshi，則對內(nèi)的span設(shè)置css屬性則，代碼如下
.yanshi span{屬性及屬性值}

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

CSS里的盒子模型的種類區(qū)別

Css3制作動態(tài)開關(guān)的效果的實現(xiàn)步驟

CSS3的content屬性實現(xiàn)步驟

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com