div和span的用法及區(qū)別

  1. div為塊級(jí)元素

    • 可用于組合其他 HTML 元素的容器(塊級(jí)元素可以包括行內(nèi)元素及其他塊級(jí)元素)
    • 瀏覽器會(huì)在其前后顯示拆行。
    • 如果與 CSS 一同使用,<div> 元素可用于對(duì)大的內(nèi)容塊設(shè)置樣式屬性。
  2. span為行內(nèi)元素

    • 用作文本的容器(行內(nèi)元素只能包括數(shù)據(jù)和其他行內(nèi)元素)
    • 默認(rèn)情況下行內(nèi)元素不會(huì)以新行開始。
    • 當(dāng)與 CSS 一同使用時(shí),<span> 元素可用于為部分文本設(shè)置樣式屬性。

    <html>
    <body>
    <div>this an apple</div>
    <div>this is an <span>apple<span></div>
    <span>i like apple</span>
    </body>
    </html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,179評(píng)論 1 92
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,892評(píng)論 32 459
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,080評(píng)論 0 6
  • 不作就不會(huì)死!話一出口,便已成敗局!好好說話,穩(wěn)定情緒。兩人的關(guān)系,舒適且自由。 好的愛情不停在彼此懂得。 懂得只...
    小小荃兒閱讀 248評(píng)論 0 0
  • 我很喜歡劉瑜的一句話:文化不是司母戊鼎,兩千年前長(zhǎng)什么樣,兩千年后挖出來還是什么樣。 但是相對(duì)于《我不是潘金蓮》這...
    成全某日有因的干哭閱讀 310評(píng)論 0 1

友情鏈接更多精彩內(nèi)容