CSS 是前端開發(fā)中不可分割的一部分，常常與 HTML 結(jié)合使用。其中，CSS 的布局格式則是在網(wǎng)頁設(shè)計中必備的技能之一。

/* 用于定義 ID 為 page 的元素，寬度為 900 像素，水平居中 */
#page{
width: 900px;
margin: 0 auto;
}
/* 用于定義類名為 container 的元素，使用 flex 布局 */
.container{
display: flex;
justify-content: center;
align-items: center;
}
/* 定義類名為 sidebar 的元素，寬度為 25% */
.sidebar{
width: 25%;
}
/* 定義類名為 main 的元素，寬度為 75% */
.main{
width: 75%;
}

以上代碼中，我們定義了一個 ID 為 page 的元素，寬度為 900 像素，水平居中。通過設(shè)置 margin 為 0 auto，表示讓瀏覽器自動計算左右外邊距，從而實(shí)現(xiàn)水平居中的效果。

接著，我們定義了一個類名為 container 的元素，使用 flex 布局。這樣做可以使其中的子元素在容器中按照指定的方向和大小進(jìn)行排列。

在 container 元素中，我們又定義了兩個子元素，分別是類名為 sidebar 和類名為 main 的元素。其中，sidebar 的寬度為 25%，而 main 的寬度為 75%。這樣可以使它們在容器中占據(jù)不同的比例，從而實(shí)現(xiàn)網(wǎng)頁的布局效果。

可以看到，CSS 的布局格式非常靈活，可以根據(jù)具體的需求來定制。通過掌握常用的布局格式，我們就能夠更好地實(shí)現(xiàn)自己的網(wǎng)頁設(shè)計。