在 CSS 中，可以使用表達式來計算屬性值。這樣的表達式可以是簡單的數字計算，也可以是更復雜的邏輯運算。

要在 CSS 中使用表達式，需要使用 calc() 函數。calc() 函數接受一個計算表達式作為參數，這個表達式可以包含數字、運算符、和長度單位。

/* 計算寬度為 50% 減去 10px 的值 */
width: calc(50% - 10px);
/* 計算高度為 100vh 減去 10% 的值 */
height: calc(100vh - 10%);
/* 計算字體大小為 16px 加上 0.5 * 1rem 的值 */
font-size: calc(16px + 0.5 * 1rem);

需要注意的是，calc() 函數中不支持非數字字符，包括特殊字符、字母和符號等。如果表達式中包含了這些字符，瀏覽器會拋出一個語法錯誤。

除了 calc() 函數之外，在 CSS 中還有一些其他的屬性支持表達式計算，比如 custom properties（自定義屬性）和 grid-template-columns 屬性。

/* 自定義屬性中的表達式計算 */
:root {
--width: calc(50% - 10px);
}
/* grid-template-columns 屬性中的表達式計算 */
.container {
display: grid;
grid-template-columns: repeat(3, calc(33.33% - 10px));
}

總的來說，CSS 中的表達式計算為開發者提供了更靈活的樣式控制方式，使得 CSS 布局設計更加自由和多樣化。