塊屬性，行內屬性，行內塊屬性的特點與常見標籤
- 2021 年 11 月 14 日
- 筆記
一、塊屬性：
特點:
1.可以設置寬高
2.不可以與別人共處一行
3.不設置寬度的情況下，寬度為100%
常見標籤：div , p , ul , ol , li , button , h1-h6 , p等
二、行內屬性：
特點：
1.不可以設置寬高
2.可以與別人共處一行
3.其寬高由內容撐開
常見標籤：span（空格的話，頁面會顯示空格，無論多少個空格，只顯示一個空格） , a ，img , strong , br等
三、行內塊屬性：
特點：
1.可以設置寬高
2.可以與別人共處一行
常見標籤：img , input等
四、各種標籤之間的轉換
1、塊級標籤轉換為行內標籤：display:inline;
2、行內標籤轉換為塊級標籤：display:block;
3、轉換為行內塊標籤：display：inline-block;
五、 嵌套規則
塊標籤可以套行標籤，行標籤不可以套塊標籤。
P標籤不要套塊屬性標籤，可以套a，span。。。
嵌套的時候注意程式碼的縮進。
