CSS可以控制網(wǎng)頁(yè)中元素的顯示方式,其中塊級(jí)元素是指默認(rèn)情況下會(huì)占據(jù)一整行的元素,比如
、等等。
、
等等。div {
display: block;
}
p {
display: block;
}
h1 {
display: block;
}
通過設(shè)置元素的display屬性為block,就可以讓它被顯示為塊級(jí)元素。
塊級(jí)元素還有一個(gè)特點(diǎn)是可以設(shè)置寬度、高度、內(nèi)邊距、外邊距等屬性,并且一般默認(rèn)寬度為100%。
如果我們想將一個(gè)元素轉(zhuǎn)化為塊級(jí)元素,可以使用下面的方法:
span { display: block; }
這樣我們就可以將元素轉(zhuǎn)化為塊級(jí)元素,從而可以在不換行的情況下設(shè)置其寬度等屬性。
總結(jié)起來,塊級(jí)元素在網(wǎng)頁(yè)布局中非常常用,可以使元素按照塊狀排列,方便我們進(jìn)行布局和樣式設(shè)置。