CSS計算單位函數是CSS3中的一個新特性，旨在使得在CSS中進行數學運算變得更加方便。通常，能在CSS中應用的長度、角度、時間等都是有單位的。這些單位一般有像素(px)、百分比(%)、角度(deg)等。而在某些情況下，我們需要對這些值進行加、減、乘、除等數學運算來滿足頁面設計需要，這時就需要使用CSS計算單位函數了。

可以使用calc()函數來進行數學運算，其語法如下所示：
width: calc(expression);

其中expression是計算表達式，可以是長度、百分比和乘、除、加、減4種運算符的組合。同時，也可以使用括號來分組。

例如：
width: calc(100% - 30px);
height: calc((2 * 50px) + 10%);

需要注意的是，在使用計算單位函數時，值的單位必須是一致的，不能將像素和百分比混合使用。同時，在使用計算單位函數進行數學運算時，也不能使用除數為0的表達式。

例如：
width: calc(100px + 20%);
width: calc(100% * 3);
width: calc(100px / 0); // 錯誤表達式

總的來說，CSS計算單位函數提供了一種更加方便、靈活的方式來進行數學運算，可以更加精確地滿足頁面設計的需要。