摘要:元素分類關(guān)于這點我還有些問題,暫且放上來,慢慢修改,非常歡迎糾正中的標(biāo)簽元素大體被分為三種不同類型塊狀元素,內(nèi)聯(lián)元素和內(nèi)聯(lián)塊狀元素常見的塊狀元素有常見的內(nèi)聯(lián)元素有有類特殊的元素如等,他們被稱為可置換元素。
我們常用的display屬性值有:
inline block inline-block none
把 display 設(shè)置成 none 不會保留元素本該顯示的空間,但是 visibility: hidden 還會保留。
我們最關(guān)心的還是display:inline、display:block和display:inline-block的區(qū)別:
inline特性
內(nèi)聯(lián)對象inline給它設(shè)置屬性height和width是沒有用的,致使它變寬變大的
原因是:
它實際寬度為:內(nèi)部元素的寬+2*(padding+border+margin)。
inline對象不多帶帶占一行。
block特性
而塊對象block是可以設(shè)置寬高的,但是它的實際寬高是:width+2*(padding+border+margin)。
block元素多帶帶占一行。
然而,當(dāng)我們即需要div有寬高,又不希望它獨(dú)占一行怎么辦?
inline-block特性
這個時候我們就需要使用inline-block了:
因為inline-block既具有block的寬高特性又具有inline的同行元素特性。
行內(nèi)元素特點
1、和其他元素都在一行上; 2、元素的高度、寬度、行高及頂部和底部邊距不可設(shè)置; 3、元素的寬度就是它包含的文字或圖片的寬度,不可改變。
塊級元素特點
1、每個塊級元素都從新的一行開始,并且其后的元素也另起一行。 2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。 3、元素寬度在不設(shè)置的情況下,是它本身父容器的100%,除非設(shè)定一個寬度。
元素分類(關(guān)于這點我還有些問題,暫且放上來,慢慢修改,非常歡迎糾正)
HTML中的標(biāo)簽元素大體被分為三種不同類型:塊狀元素,內(nèi)聯(lián)元素和內(nèi)聯(lián)塊狀元素
常見的塊狀元素有:
,,
...
,
,
,
,
, ,
,