HTML5-6(html的標(biāo)簽類型)

簡(jiǎn)述: HTML有N多個(gè)標(biāo)簽,根據(jù)顯示的類型,主要可分為3大類

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

    特點(diǎn):獨(dú)占一行,不管多寬和多高永遠(yuǎn)是一行,能隨時(shí)設(shè)置寬度和高度(比如div,p,h1,h2,ul,li)

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

特點(diǎn):多個(gè)行內(nèi)標(biāo)簽能同時(shí)顯示在同一行,寬度高度取決于內(nèi)容的尺寸(比如:span,a,label等標(biāo)簽)

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

  • 三.行內(nèi)塊級(jí)標(biāo)簽(內(nèi)聯(lián)-塊級(jí)標(biāo)簽):前兩種優(yōu)點(diǎn)的一種雜交*

    特點(diǎn): 多個(gè)行內(nèi)塊級(jí)標(biāo)簽可以顯示在同一行,能隨時(shí)設(shè)置寬度和高度(比如:input,button),也就是說(shuō):既能在同一行顯示,又能改變寬度和高度

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

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

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

    • 1.none : 隱藏標(biāo)簽

    • 2.block : 讓標(biāo)簽變?yōu)?strong>塊級(jí)標(biāo)簽

    • 3.inline : 讓標(biāo)簽變?yōu)?strong>行內(nèi)標(biāo)簽

    • 4.inline- block : 讓標(biāo)簽變?yōu)?* 行內(nèi)-塊級(jí)標(biāo)簽(內(nèi)聯(lián)塊級(jí)**標(biāo)簽)

例如: 把塊級(jí)標(biāo)簽轉(zhuǎn)化為行內(nèi)標(biāo)簽


把塊級(jí)標(biāo)簽轉(zhuǎn)化為行內(nèi)標(biāo)簽
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容