css中怎么调用函数

CSS中调用函数可以用到calc()和var()这两个函数。

calc()函数用于计算属性值。例如，我们想让一个元素宽度是视口宽度的50%，加上20px的边框宽度，可以这么写：

width: calc(50% + 20px); 

var()函数用于调用自定义的变量。例如，我们定义了一个颜色变量：

:root {
  --primary-color: blue;
} 

然后想让元素的颜色是这个变量的值，可以这么写：

color: var(--primary-color); 

需要注意的是，calc()函数中的运算符前后必须有空格，var()函数中引用自定义变量时加上两个破折号。