1 塊級元素
1-1特點(diǎn)
-獨(dú)占一行娇斑,一行只能顯示一個
-寬度默認(rèn)是父元素的寬度,高度默認(rèn)由內(nèi)容撐開
-可以設(shè)置寬度
2 代表標(biāo)簽
div材部, p毫缆, h系列 ,ul 乐导,li 苦丁,dl ,dt 物臂,dd 旺拉,form, header·······
3-瀏覽器顯示
3-1代碼div顯示為獨(dú)占一行鹦聪;寬度是body的寬度账阻;
3-2其他的塊標(biāo)簽在瀏覽器中的顯示
3-3 添加了寬高后,能生效泽本;
類選擇器截圖
添加了類選擇器的塊級標(biāo)簽顯示的內(nèi)容;
總結(jié)姻僧,塊級標(biāo)簽规丽,可以獨(dú)占一行蒲牧,寬度是父級標(biāo)簽的100%,給予寬高時赌莺,可以顯示出背景的寬高冰抢。
4 行內(nèi)標(biāo)錢
4-1顯示特點(diǎn)
-一行可以顯示多個
-寬度和高度默認(rèn)有內(nèi)容撐開
-不可以設(shè)置寬高
代碼:
瀏覽器顯示
4-2 行內(nèi)標(biāo)簽對比
類選擇截圖
對比代碼截圖
瀏覽器顯示截圖:
瀏覽器顯示不論加不加背景,行內(nèi)塊都是顯示的不換行艘狭,背景顏色都在內(nèi)容行內(nèi)顯示挎扰。
4-3參照對比
類選擇截圖
代碼和瀏覽器顯示對比
span標(biāo)簽是個行內(nèi)標(biāo)簽,給他賦予了寬高也是在行內(nèi)內(nèi)容顯示巢音。
其他標(biāo)簽給予寬高會有相應(yīng)的變化遵倦。
4-2代表標(biāo)簽
a,span,b,u,i,s,strong,ins,em,del,````
(僅為個人自學(xué)的一點(diǎn)點(diǎn)思考,如有錯漏官撼,歡迎留言指正)