簡述: HTML有N多個標(biāo)簽,根據(jù)顯示的類型,主要可分為3大類
-
一.塊級標(biāo)簽
特點:獨占一行,不管多寬和多高永遠(yuǎn)是一行,能隨時設(shè)置寬度和高度(比如
div,p,h1,h2,ul,li)
塊級標(biāo)簽
- 二.行內(nèi)標(biāo)簽 (內(nèi)聯(lián)標(biāo)簽)
特點:多個行內(nèi)標(biāo)簽能同時顯示在同一行,寬度高度取決于內(nèi)容的尺寸(比如:span,a,label等標(biāo)簽)
行內(nèi)標(biāo)簽 (內(nèi)聯(lián)標(biāo)簽)
-
三.行內(nèi)塊級標(biāo)簽(內(nèi)聯(lián)-塊級標(biāo)簽):前兩種優(yōu)點的一種雜交*
特點: 多個行內(nèi)塊級標(biāo)簽可以顯示在同一行,能隨時設(shè)置寬度和高度(比如:
input,button),也就是說:既能在同一行顯示,又能改變寬度和高度
行內(nèi)塊級標(biāo)簽*(內(nèi)聯(lián)-塊級標(biāo)簽)
四.修改標(biāo)簽的顯示類型
-
CSS中有個屬性display 屬性能修改標(biāo)簽的顯示類型
1.none : 隱藏標(biāo)簽
2.block : 讓標(biāo)簽變?yōu)?strong>塊級標(biāo)簽
3.inline : 讓標(biāo)簽變?yōu)?strong>行內(nèi)標(biāo)簽
4.inline- block : 讓標(biāo)簽變?yōu)?* 行內(nèi)-塊級標(biāo)簽(內(nèi)聯(lián)塊級**標(biāo)簽)
例如: 把塊級標(biāo)簽轉(zhuǎn)化為行內(nèi)標(biāo)簽
把塊級標(biāo)簽轉(zhuǎn)化為行內(nèi)標(biāo)簽
