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