CSS（層疊樣式表）是網頁開發中必不可少的一部分，它可以讓網頁變得更加美觀和易于管理。在CSS中，有許多函數和屬性可以幫助我們實現各種效果。下面，我們就來看一下一些實用的CSS函數和屬性。

1. calc()

width: calc(100% - 20px);

calc()可以幫助我們快速計算數值，而不需要手動計算。例如，上面的代碼可以讓元素的寬度為父元素寬度減去20像素。

2. transform

transform: rotate(30deg);

transform可以用來改變元素的形狀和位置。例如，上面的代碼可以將元素旋轉30度。

3. transition

transition: all 0.3s ease-in-out;

transition可以讓元素的變化更加平滑。例如，上面的代碼可以讓元素所有屬性（如寬度、高度、顏色等）的變化都在0.3秒內完成，并且變化的過程中變化速度逐漸減緩。

4. filter

filter: blur(5px);

filter可以用來改變元素的外觀。例如，上面的代碼可以讓元素模糊5像素。

5. linear-gradient

background: linear-gradient(to bottom, #ffffff, #cccccc);

linear-gradient可以用來創建漸變背景。例如，上面的代碼可以創建一個從上到下的白色到灰色的漸變背景。

總之，CSS提供了許多實用的函數和屬性，它們可以幫助我們更加方便、高效地開發網頁。