calc()

允许在声明 CSS 属性值时执行一些计算

width: calc(100% - 80px);

https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc

max()

从逗号分隔符表达式中选择一个最大值作为 CSS 的属性值

width: max(10vw, 4em, 80px);

https://developer.mozilla.org/zh-CN/docs/Web/CSS/max

min()

从逗号分隔符表达式中选择一个最小值作为 CSS 的属性值

width: min(1vw, 4em, 80px);

https://developer.mozilla.org/zh-CN/docs/Web/CSS/min

minmax()

定义了一个长宽范围的闭区间, 需要与CSS Gird(网格)布局一起使用
https://developer.mozilla.org/zh-CN/docs/Web/CSS/minmax

clamp()

把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。
当首选值比最小值要小时,则使用最小值。
当首选值介于最小值和最大值之间时,用首选值。
当首选值比最大值要大时,则使用最大值。

font-size: clamp(1rem, 2.5vw, 2rem);

https://developer.mozilla.org/zh-CN/docs/Web/CSS/clamp

toggle()

允许子孙元素使用取值序列中的值循环替换继承而来的值

ul { list-style-type: toggle(circle, square); }

https://www.html.cn/book/css/values/functional/toggle().htm