CSS 是一種用于網(wǎng)頁設(shè)計和排版的語言。它是一種強大而靈活的工具，可以讓我們以各種方式布置網(wǎng)頁中的元素。而 CSS 格局就是 CSS 中非常重要的一個概念，它決定了網(wǎng)頁中不同元素的布局方式。

CSS 格局是一個由網(wǎng)格、彈性盒子和多列布局這三種元素組成的系統(tǒng)。下面就來分別介紹一下這三種元素：

網(wǎng)格：網(wǎng)格布局是 CSS 中最新的一種布局方式。它允許我們輕松地將一個包含有多個元素的區(qū)域劃分為多個小格子，從而更好地控制網(wǎng)頁中元素的位置和大小。
彈性盒子：彈性盒子布局是一種可以自適應(yīng)不同屏幕大小和顯示器分辨率的布局方式。它允許我們在網(wǎng)頁中創(chuàng)建靈活的和響應(yīng)式的布局。
多列布局：多列布局是指將網(wǎng)頁中的文本內(nèi)容分為多列，從而提高網(wǎng)頁的可讀性和吸引力。

在 CSS 中使用以上三種布局方式都需要定義一個 CSS 格局。CSS 格局可以使用 display 屬性來定義。以下是幾個常用的 CSS 格局屬性：

display: grid;  //網(wǎng)格布局
display: flex;  //彈性盒子布局
columns: 2;     //多列布局（將網(wǎng)頁內(nèi)容分為兩列）

當(dāng)我們定義好 CSS 格局之后，還需要使用其他 CSS 屬性來對不同元素進行位置和大小的調(diào)整。比如，我們可以使用 grid-row 和 grid-column 屬性來定義網(wǎng)格布局中不同元素所占的行和列，使用 justify-content 和 align-items 屬性來定義彈性盒子中內(nèi)容的橫向和縱向?qū)R方式，使用 column-count 屬性來定義多列布局中網(wǎng)頁內(nèi)容分為的列數(shù)等等。

在網(wǎng)頁設(shè)計中，使用好 CSS 格局可以讓我們更好地控制網(wǎng)頁的外觀和布局，從而提高網(wǎng)頁的可讀性和用戶體驗。