CSS是一門強大的前端開發工具，它不僅可以控制網頁的樣式，還可以使用函數來對樣式進行更加精細的控制。

div {
font-size: calc(20px + 2vmin);
background-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0 10px rgba(255,255,255,0.5);
}

在上面的代碼中，我們使用了兩個CSS函數：calc和rgba。其中，calc函數可以用于計算數學表達式，而rgba函數可以用于設置顏色的透明度。

下面我們就來了解一下calc和rgba兩個函數的使用方法：

calc函數

calc函數可以用于計算兩個或多個長度、百分比或視窗單位之間的數學表達式。例如，下面的代碼將把一個元素的字體大小設置為視窗高度的2%加上20像素：

div {
font-size: calc(2vh + 20px);
}

在使用calc函數時，需要注意以下幾點：

• 表達式中的運算符必須用空格隔開。
• 表達式的所有值都必須有相同的長度、百分比或視窗單位。
• 計算中的圓括號和正負號必須緊貼著數字。

rgba函數

rgba函數可以用于設置顏色的透明度。其中，r、g、b分別代表紅、綠、藍三個顏色通道的值，a代表透明度的值，取值范圍為0至1之間。例如，下面的代碼將把一個元素的背景顏色設為黑色，透明度為0.5：

div {
background-color: rgba(0,0,0,0.5);
}

在使用rgba函數時，需要注意以下幾點：

• 參數必須用逗號隔開，而且需要在rgb后面添加透明度值。
• 透明度的取值范圍為0至1之間。

總的來說，CSS函數可以讓我們更加輕松地控制樣式，讓網頁更加美觀和易于維護。