CSS函數可以幫助我們更加有效地管理樣式表，避免重復的代碼，提高代碼的可讀性和可維護性。下面介紹幾個常用的CSS函數：

1. var() 函數

var() 函數可以定義和使用自定義屬性，以避免重復定義相同的樣式。例如，我們可以定義一個--color-primary變量，然后在需要使用該顏色的地方使用var()函數。

:root {
--color-primary: #0070f3;
}
.btn {
background-color: var(--color-primary);
padding: 8px 16px;
color: #fff;
border: none;
border-radius: 4px;
}

2. calc() 函數

calc() 函數可以讓我們在CSS中進行簡單的數學運算。例如，我們可以使用calc()函數來動態計算寬度。

.box {
width: calc(50% - 16px);
margin-right: 16px;
float: left;
}

3. linear-gradient() 函數

linear-gradient() 函數可以讓我們創建水平或垂直漸變的背景。例如，我們可以創建一條水平漸變的背景。

.btn {
background: linear-gradient(to right, #0070f3, #7928ca);
padding: 8px 16px;
color: #fff;
border: none;
border-radius: 4px;
}

4. box-shadow() 函數

box-shadow() 函數可以讓我們在元素周圍創建陰影效果。例如，我們可以創建一個盒子以及一個陰影效果。

.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

總結：

CSS函數可以幫助我們更加有效地管理樣式表，避免重復的代碼，提高代碼的可讀性和可維護性。常用的函數有 var()、calc()、linear-gradient()、box-shadow() 等。