CSS3是一種被廣泛應用于網頁樣式設計的標準語言，它可以用來設置網頁中元素的大小、顏色和排列方式等。除了這些常見的樣式屬性之外，CSS3還支持一些基本的數學運算，幫助開發者更好地控制網頁元素的布局與樣式。

.box {
width: 200px;
height: 100px;
background-color: #f4f4f4;
border: 1px solid #ccc;
padding: 10px;
margin: 20px;
border-radius: 5px;
}
.box2 {
width: calc(100% - 40px); /* 計算寬度-20px */
height: calc(50% - 20px); /* 計算高度-10px */
background-color: #d2d2d2;
border: 1px solid #999;
padding: 5px;
margin: 10px;
}

其中，我們使用了關鍵字“calc”來進行基本運算。它表示在當前的值中進行數學運算，計算結果將被應用到相應的屬性中。

在上述代碼中，我們首先定義了一個class為“box”的元素，并設置了它的寬高、背景顏色、邊框等樣式屬性。接著，我們又定義了一個class為“box2”的元素，并在其中使用了calc進行運算，將它的寬度計算為當前寬度減去40像素，將它的高度計算為當前高度減去20像素。這樣就可以讓元素自動適應它所在容器的大小了。

除了基本的數學運算之外，CSS3還支持一些其他的高級運算，如三角函數、平方根、指數函數等。不過，這些運算在實際的開發中用得較少，我們通常只需要用到基本的加減乘除就可以了。