CSS（Cascading Style Sheets）是一種用于網頁樣式美化的語言，常用于布局方式。在本文中，我們會介紹一些常用的CSS布局方式，方便你在開發網頁時進行選擇使用。
1. 塊級布局（Block Layout）
在塊級布局中，每個元素都占據一整行或一整列。當一個元素后面的一個元素需要在同一行中渲染時，前面的元素會通常通過打斷行來騰出位置。
代碼示例：

p {
display: block;
}

2. 內聯布局（Inline Layout）
在內聯布局中，元素內的元素從左到右進行渲染，直到沒有足夠的水平空間為止。這就意味著，內聯元素會一行接著一行渲染。
代碼示例：

p {
display: inline;
}

3. 網格布局（Grid Layout）
網格布局是一種相對較新的CSS布局方式，它可以使得開發人員在沒有復雜的代碼編寫的情況下進行網頁布局。在網格布局中，我們可以將頁面分成行列，并設置每個網格的尺寸。
代碼示例：

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 10px;
}

4. 彈性布局（Flex Layout）
彈性布局可以讓元素沿著一個主軸進行渲染，同時可以設置子元素在主軸上的寬度、間距等。這種布局方式非常適用于移動端網頁的開發。
代碼示例：

.container {
display: flex;
justify-content: center;
align-items: center;
}

在本文中，我們介紹了一些常用的CSS布局方式，包括塊級布局、內聯布局、網格布局和彈性布局。希望這一篇文章可以讓你在開發網頁時有更好的選擇。