CSS是一種用于設計網頁樣式的編程語言，它擁有各種不同的函數，這些函數可以大大簡化網頁設計的過程。下面我們來了解一下常用的CSS函數。

1. color()
這個函數用于定義元素的顏色，常見的用法是在CSS的color屬性中使用，比如：
body {
color: color(255, 0, 0); /*紅色*/
}
2. rgba()
這個函數用于定義帶有透明度的顏色，常用于制作半透明效果的背景顏色和邊框。用法如下：
div {
background-color: rgba(0, 0, 255, 0.5); /*藍色，透明度50%*/
border: 1px solid rgba(255, 0, 0, 0.8); /*紅色邊框，透明度80%*/
}
3. calc()
這個函數用于進行一些簡單的數學計算，常用于計算元素的尺寸，用法如下：
div {
width: calc(100% - 50px); /*寬度為父元素寬度減去50像素*/
height: calc(50vh - 20px); /*高度為視口高度的50%減去20像素*/
}
4. url()
這個函數用于引用外部資源，比如圖片、視頻、字體等，用法如下：
div {
background-image: url("bg.jpg"); /*使用背景圖片*/
font-family: url("font.woff"); /*使用外部字體*/
}
5. linear-gradient()
這個函數用于創建線性漸變效果，可以用于背景顏色、邊框等。用法如下：
div {
background: linear-gradient(to right, red, blue); /*從左到右的紅-藍漸變*/
border: 1px solid linear-gradient(to right, red, blue); /*紅-藍漸變邊框*/
}
以上就是CSS中常用的一些函數，它們可以幫助我們更方便地創建優美的網頁效果。