HTML文檔中的元素可以分為兩類：行級(jí)元素和塊級(jí)元素。CSS中也對(duì)這兩種元素進(jìn)行了不同的處理。

行級(jí)元素指的是那些默認(rèn)情況下在同一行中顯示的元素，如a、span等。塊級(jí)元素指的是那些默認(rèn)情況下會(huì)獨(dú)占一行的元素，如div、p等。

a {
display: inline;
}
div {
display: block;
}

CSS中可以通過(guò)display屬性來(lái)控制元素的顯示方式。對(duì)于行級(jí)元素，使用display:inline;可以使其變成行內(nèi)元素，不再獨(dú)占一行。

同樣地，使用display:block;也可以讓一個(gè)元素變成塊級(jí)元素，獨(dú)占一行。如果需要讓行級(jí)元素和塊級(jí)元素來(lái)回切換，也可以使用display:inline-block;。

span {
display: inline-block;
}

除了display屬性以外，行級(jí)元素和塊級(jí)元素還有一些不同點(diǎn)。塊級(jí)元素可以設(shè)置寬度、高度、內(nèi)邊距和外邊距；而行級(jí)元素只能設(shè)置內(nèi)邊距和外邊距的左右值，高度和寬度會(huì)以內(nèi)容區(qū)域的大小為準(zhǔn)。

另外，塊級(jí)元素還可以成為其他元素的容器，可以包含多個(gè)子元素；而行級(jí)元素只能包含文本和其他行級(jí)元素。

因此，在進(jìn)行CSS布局時(shí)，往往需要根據(jù)元素的特性來(lái)選擇合適的標(biāo)簽和樣式。使用行級(jí)元素和塊級(jí)元素的正確方式，能夠有效地優(yōu)化頁(yè)面結(jié)構(gòu)和性能。