# 分類說明 > **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標記來寫網頁！** 笨方法：先抄他幾十遍，我和你一樣一開始也都不懂，甚至明天來，還是不能明白！ 萬篇網頁，元素結構分類起！，加油！！！