CSS可以讓網(wǎng)頁的樣式煥然一新。其中一個重要概念是“塊級作用域”。什么是塊級作用域？

block {
display: block;
}

在CSS中，我們可以使用"display"屬性來定義元素的顯示方式。其中，"block"代表塊級元素。塊級元素會占用一整行，相鄰的兩個塊級元素會自動換行。

而如果我們定義的元素不屬于塊級，則會默認(rèn)采用“行內(nèi)作用域”的方式，即相鄰的元素并不會換行。

inline {
display: inline;
}

不過，有時我們希望讓一些本應(yīng)為“行內(nèi)元素”的元素采取“塊級代替”的方式，以劃分各個部分，這時就要用到另外一個屬性值，就是"display: inline-block;"

inline-block {
display: inline-block;
}

這種方法既可以實(shí)現(xiàn)塊級元素產(chǎn)生的空行效果，又可以不占據(jù)整個寬度從而不影響相鄰元素。

總之，在CSS中，塊級作用域和行內(nèi)作用域的選擇是十分重要的，因?yàn)樗鼈冎苯佑绊懙巾撁娴牟季帧Ｕ莆蘸脡K級作用域的相關(guān)屬性，就能更好地掌控頁面布局與樣式。