CSS3中的calc函數可以讓我們在頁面布局和樣式設置時更加靈活和智能。

/* 計算寬度 */
width: calc(100% - 20px);
/* 計算高度 */
height: calc(50vh - 40px);
/* 多個值計算 */
background-size: calc(50% - 10px) calc(100% / 3 - 30px);
/* 計算字體大小 */
font-size: calc(14px + 0.5vmin);

上面的代碼展示了calc函數的幾種應用場景，其中calc()用來進行簡單的四則運算，它支持+、-、*、/、%等運算符，并且可以進行多個值的計算，非常方便實用。

在使用calc函數時，需要注意的是，每個計算式都需要被括在()中，并且不能省略單位。例如，width:calc(100% - 20)這樣的寫法是錯誤的，必須是width:calc(100% - 20px)。

總之，在進行頁面布局和樣式設置時，我們可以通過使用calc函數，擺脫很多繁瑣和重復的計算工作，使得頁面的樣式更加智能靈活，更加符合實際的要求。