# 分類說明
> **HTML中對標簽另一種分類方式,是根據標簽在文檔中的位置特性進行分類的,它將元素分為三類:塊級元素,行內元素,行級塊元素(也稱塊級行元素)。**
> 好比是 軍人,根據作戰類型,分為,空軍。陸軍,海軍,等!
以下做具體逐一說明:
#### ?1.塊級元素(block)
??????
> 特點:?
> (1)可以設置寬高、內、外邊距;
? ? ? ? ? ?
> (2)獨占一行(即前后均有換行);( 也就是他的誰在的空間,都不能有其他任何元素存在)
? ? ? ? ? ? ?
> (3)塊級元素如果不設置寬度和高度,則寬度默認為父級元素的寬度。高度則根據內容大小自動填充。
? ? ???
> 常見的塊級元素: div、p、h1、h2......hn,ol、ul、dl、li、form、table
? **再后面學習這類標簽的時候一定要聯系起來**
好比:蓋房子的鋼架混凝土結構,
#### 2.行級元素(inline)
? ?? ????
> ?特點:?
> (1)不可設置寬高、上下內、外邊距。(左右內、外邊距設置有效)
?也就是只能控制塔的水平間距,上下是不行
> (2)其寬度和高度由其內容自動填充。**
根據內容來調整,設置是沒有用的**? ? ? ? ? ? ? ? ? ??
> (2)其他行級元素共處一行?;
? ? ? ? ?? 常見的行級元素:a、span、i、lable等
?
都是用來做填充元素好比,蓋房子的磚塊填充,
#### 3.行內塊元素(inline-block)
?
> 特點:
> (1)可以設置寬高、內外邊距;
? ? ? ? ? ? ? ? ? ? ??
> (2)可以與其他行內元素、內聯元素共處一行;
? ? ? ? ? ? 常見的內聯元素:input、img
?
這個有點類似,蓋房子的窗戶,窗戶就是一個四四方方的格子可以和零散磚塊在一起,能聯想起來嗎?如果可以那就你理解了!還是不能理解
#### 4.元素之間的轉化
? ? ? ? ? ? ? ?
> 可以在行內樣式或css樣式中改變元素的display將三種元素進行轉換。
? ? ? ? ? ? ? ?
> display:block;(將元素變為塊級元素)
? ? ? ? ? ? ? ?
> display:inline; ?(將元素變為行級元素)
? ? ? ? ? ? ?
> display:inline-block;(將元素變為行級塊元素)
這幾個的意思也就是,他們都是頁面的元素,沒有區別,但是由于人們習慣了分類,可以控制元素的各種外觀特征,所以有些元素,默認集中顯示模式,由此說明是可以根據情況,調整的,只需調整display:這個元素的屬性值即可!
**理解了嗎?如果不能理解,麻煩你吃透這塊知識,必須要理解,反之你都不好意思說,你會html標記來寫網頁!**
笨方法:先抄他幾十遍,我和你一樣一開始也都不懂,甚至明天來,還是不能明白!
萬篇網頁,元素結構分類起!,加油!!!