CSS（層疊樣式表）是一種用于網頁設計的樣式表語言。它擁有豐富的布局函數，讓網頁設計變得更加靈活和美觀。下面我們就來了解一下其中的一些常用布局函數。

1. Position

position: static;
position: relative;
position: absolute;
position: fixed;

Position用于指定一個元素的位置。它包括4種取值，分別是static（默認值）、relative、absolute、fixed。

2. Float

float: left;
float: right;

Float用于將一個元素向左或右浮動。它可以實現多列布局和圖文混排等效果。

3. Display

display: block;
display: inline;
display: inline-block;
display: flex;

Display用于定義元素的顯示方式。它包括4種取值，分別是block（塊級元素）、inline（內聯元素）、inline-block（行內塊級元素）、flex（彈性布局）。

4. Grid

display: grid;
grid-template-columns: 100px 100px 100px;
grid-template-rows: 50px 50px 50px;
grid-gap: 10px;

Grid用于實現網格布局。它可以指定列數、行數、列寬、行高以及列與列之間、行與行之間的間距。

5. Flexbox

display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;

Flexbox用于實現彈性布局。它可以控制元素的方向、在主軸上的對齊方式、在交叉軸上的對齊方式等。

總之，在網頁設計中，靈活運用CSS的布局函數，能夠使網頁變得更加美觀、優雅。希望大家能夠善于使用它，打造更好的網頁。