CSS calc() 函数用法详解：计算长度、字体大小、颜色等

CSS 中的 calc() 函数可以用来进行数学计算，例如：

1. 计算宽度和高度：

width: calc(100% - 20px);
height: calc(50vh - 30px);

2. 计算字体大小：

font-size: calc(16px + 1vw);

3. 计算颜色值：

background-color: rgba(255, 0, 0, calc(0.5 - 0.1));

4. 计算边框宽度：

border-width: calc(2px + 1rem);

需要注意的是，calc() 函数只能用于长度、百分比、角度、时间、频率和数字值，不能用于颜色值、字符串等。同时，calc() 函数也不能嵌套使用。