一、塊屬性:
特點:
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。。。
嵌套的時候注意代碼的縮進。