什么是塊級(jí)元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是塊級(jí)元素。設(shè)置display:block
就是將元素顯示為塊級(jí)元素。如下代碼就是將內(nèi)聯(lián)元素a轉(zhuǎn)換為塊狀元素,從而使a元素具有塊狀元素特點(diǎn)。
a{display:block;}
塊級(jí)元素特點(diǎn):
1、每個(gè)塊級(jí)元素都從新的一行開(kāi)始,并且其后的元素也另起一行。(真霸道,一個(gè)塊級(jí)元素獨(dú)占一行)
2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
3、元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設(shè)定一個(gè)寬度。
我來(lái)試一試:感受一下塊級(jí)元素的特點(diǎn)
在右側(cè)代碼編輯器中輸入各種塊級(jí)標(biāo)簽,試一試他們的特點(diǎn)。
這一小節(jié)沒(méi)有正確性驗(yàn)證,單擊“提交”按鈕進(jìn)入下一小節(jié)學(xué)習(xí)。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)