掃二維碼與項目經理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯網交流
你對DIV與SPAN區(qū)別及用法是否了解，這里和大家分享一下，在DIV+CSS開發(fā)的時候在html網頁制作，特別是標簽運用中DIV和span的區(qū)別及用法都是非常重要的內容。
公司主營業(yè)務：成都做網站、成都網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現互聯網宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯公司推出沿河免費做網站回饋大家。
DIV與SPAN區(qū)別及用法
在DIV+CSS開發(fā)的時候在html網頁制作，特別是標簽運用中DIV和span的區(qū)別及用法。新手在使用web標準（DIVCSS）開發(fā)網頁的時候，遇到第一個問題是DIV與span有什么區(qū)別，什么時候用DIV，什么時候用span標簽。
以下是在沒有對開發(fā)網頁頁面設置CSS樣式時候情況下，系統(tǒng)默認情況下的介紹
DIV與span區(qū)別
DIV占用的位置是一行.
span占用的是內容有多寬就占用多寬的空間距離，說明如下圖
分析：從上圖很容易知道“我是內容一；用的DIV”和“我是內容二；用的DIV”兩個內容外部用的是
小結：
在網頁開發(fā)的時候使用DIV和span都可以，通?？梢岳斫鉃闆]有什么區(qū)別。但注意的是DIV占用一行，span不會占用一行，內容占多大寬度，span就有多寬。
擴展與提升
DIV內的span無需命名CSS選擇器偽類，例子如下
如果DIV的class為yangshi，則對內的span設置CSS屬性則，代碼如下
.yanshispan{屬性及屬性值}
圖例實例演示
分析上圖：可以得出span無需再命名偽類名，直接使用CSS繼承屬性來對span設置CSS樣式。這里本來DIV內的樣式為對文字設置藍色字，但是又通過繼承方式設置了span的樣式為文字為紅色。
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯網交流
微信二維碼
移動版官網