CSS（Cascading Style Sheets，層疊樣式表）是一種用于網頁樣式設計的語言，是對 HTML 文檔的補充。使用 CSS 可以對網頁中的各個元素進行樣式、布局、動畫、交互等方面的設計。而母版頁（或稱為模板頁）則是用于統一網站頁面風格的一種設計方式，通常會包含網站的公共元素，如頁眉、頁腳、導航等。

母版頁布局的設計通常需要用到 CSS，以下是幾種常用的布局方式：

/* 全屏布局 */
body {
margin: 0;
padding: 0;
}
.header {
height: 100px;
background-color: #333;
}
.content {
height: calc(100vh - 200px);
/* 減去 header 和 footer 的高度 */
}
.footer {
height: 100px;
background-color: #333;
}
/* 兩欄布局 */
.container {
display: flex; /* flex 布局 */
}
.left {
flex-basis: 200px; /* 左側欄寬度，可固定或自適應 */
}
.right {
flex: 1; /* 右側欄占據剩余空間 */
}
/* 三欄布局 */
.container {
display: grid; /* grid 布局 */
grid-template-columns: 200px 1fr 200px; /* 分別為左、中、右欄寬度，1fr 表示占據剩余空間 */
}
/* 響應式布局 */
@media (max-width: 768px) {
/* 在屏幕寬度小于 768px 時應用以下樣式 */
.container {
flex-direction: column; /* 切換為縱向布局 */
}
.left {
order: 3; /* 將左側欄排在最后 */
}
}

以上是一些基本的母版頁布局方式，通過 CSS 屬性的組合和變化可以實現更多復雜的布局效果，如網格布局、多列排版、浮動布局等。在使用 CSS 進行母版頁布局時，需要注意統一網站風格，保證各個頁面具有一致的樣式，同時盡量做到頁面簡潔清晰并符合用戶習慣。