淺析HTML標(biāo)簽類型

  • 塊級(jí)標(biāo)簽

    • 獨(dú)占一行的標(biāo)簽
    • 能隨時(shí)設(shè)置寬度和高度（比如div、p、h1、h2、ul、li）

  • 行內(nèi)標(biāo)簽（內(nèi)聯(lián)標(biāo)簽）

    • 多個(gè)行內(nèi)標(biāo)簽?zāi)芡瑫r(shí)顯示在一行
    • 寬度和高度取決于內(nèi)容的尺寸（比如span、a、label）

  • 行內(nèi)-塊級(jí)標(biāo)簽（內(nèi)聯(lián)-塊級(jí)標(biāo)簽）

    • 多個(gè)行內(nèi)-塊級(jí)標(biāo)簽可以顯示在同一行
    • 能隨時(shí)設(shè)置寬度和高度（比如input、button）

  • 修改標(biāo)簽的顯示類型

  • CSS中有個(gè)display屬性，能修改標(biāo)簽的顯示類型

    • none：隱藏標(biāo)簽

    • block：讓標(biāo)簽變?yōu)閴K級(jí)標(biāo)簽

    • inline：讓標(biāo)簽變?yōu)樾袃?nèi)標(biāo)簽

    • inline-block：讓標(biāo)簽變?yōu)樾袃?nèi)-塊級(jí)標(biāo)簽（內(nèi)聯(lián)-塊級(jí)標(biāo)簽）

  • CSS屬性

  • 可繼承屬性（紅色表示常用）

  • 不可繼承屬性（紅色表示常用）

最后編輯于 ：
?著作權(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,156評(píng)論 1贊 92
  • 本文主要是起筆記的作用，內(nèi)容來自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,750評(píng)論 0贊 30
  • CSS格式化排版 1、字體 我們可以使用css樣式為網(wǎng)頁中的文字設(shè)置字體、字號(hào)、顏色等樣式屬性。下面我們來看一個(gè)例...
    張文靖同學(xué)閱讀 1,375評(píng)論 0贊 3
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,450評(píng)論 0贊 5
  • 前言： 1.HTML5的發(fā)展非常迅速，可以說已經(jīng)是前端開發(fā)人員的標(biāo)配，在電商類型的APP中更是運(yùn)用廣泛，這個(gè)系列的...
    珍此良辰閱讀 1,993評(píng)論 2贊 15

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