CSS 值和单位
每条 CSS 声明都由一个属性/值对组成。根据属性的不同，值可以有多种形式，例如单个整数、关键字、函数或不同项的组合；有些值有单位，而有些则没有。每个属性也接受 CSS 全局值。“CSS 值与单位”模块定义了 CSS 属性接受的数据类型——值和单位。该模块还定义了 CSS 值定义语法，或称形式文法，用于定义每个 CSS 属性和函数的有效值集合。
参考
属性
函数
abs()acos()asin()atan()atan2()attr()calc()calc-size()clamp()cos()exp()hypot()<ident()>if()inherit()log()max()min()mod()pow()progress()rem()round()sibling-count()sibling-index()sign()sin()sqrt()tan()url()
“CSS 值与单位”模块还引入了 calc-mix()、crossorigin()、first-valid()、integrity()、random()、random-item()、referrerpolicy()、src()、type() 和 toggle() 函数。目前，尚无浏览器支持这些特性。
数据类型
<angle-percentage><angle><animation-timeline><attr-name><attr-type><calc-keyword>(e,pi,infinity, NaN)<calc-size-basis><calc-sum><custom-ident><dashed-ident><dimension><easing-function><first-valid()><ident><integer><length-percentage><length><number><percentage><position><ratio><resolution><rounding-strategy>（down、up、to-zero）<string><syntax><time-percentage><time><url><url-modifier><view-timeline-name>
“CSS 值与单位”模块还引入了 <frequency> 和 <frequency-percentage> 数据类型。目前，尚无浏览器支持这些特性。
单位
%（百分比）capchcmdegdpcmdpidppxdvbdvhdvidvmaxdvmindvwemexgradHzicinkHzlhlvblvhlvilvmaxlvminlvwmmmspcptpxQradrcaprchremrexricrlhssvbsvhsvisvmaxsvminsvwturnvbvhvivmaxvminvwx
Flex 单位（fr）和容器单位（cqb、cqh、cqi、cqmax、cqmin、cqw）分别在 CSS 网格布局和 CSS 条件规则模块中定义。
单位分类
- 绝对长度单位（
cm、in、mm、pc、pt、px、Q） - 角度单位（
deg、grad、rad、turn） - 默认视口单位（
vb、vh、vi、vmax、vmin、vw） - 动态视口单位（
dvb、dvh、dvi、dvmax、dvmin、dvw） - 频率单位（
Hz、kHz） - 大视口百分比单位（
lvb、lvh、lvi、lvmax、lvmin、lvw） - 局部字体相对长度单位（
cap、ch、em、ex、ic、lh） - 物理单位（
cm、in、mm、pc、pt、Q） - 相对长度单位（
cap、ch、em、ex、ic、lh、rem、rlh、vb、vh、vi、vmax、vmin、vw） - 分辨率单位（
dpcm、dpi、dppx、x） - 根字体相对长度单位（
rcap、rch、rem、rex、ric、rlh） - 小视口百分比单位（
svb、svh、svi、svmax、svmin、svw） - 时间单位（
ms、s） - 视口单位（
dvh、dvw、lvh、lvw、svh、svw、vb、vh、vi、vmax、vmin、vw） - 视角单位（
px）
关键概念
指南
- CSS 数据类型
-
介绍定义了 CSS 属性和函数所接受的典型值的 CSS 数据类型。
- 数字数据类型
-
概述数值数据类型，包括整数、数字、百分比和尺寸，以及相对和绝对尺寸、角度和时间单位。
- 文本数据类型
-
概述文本数据类型，包括预定义的关键字值、全局 CSS 关键字值和 URL。
- CSS 值函数
-
概述了调用特殊数据处理或计算来为 CSS 属性返回 CSS 值的 CSS 语句。
- 使用 CSS 数学函数
-
允许将属性值写成数学表达式的 CSS 数学函数。
- 值定义语法
-
用于定义 CSS 属性和函数的有效值集合的形式文法。
- 使用 CSS 类型化算术
-
解释 CSS 类型化算术行为及其启用的用例。
- 学习：值和单位
-
介绍一些最常用的值类型，它们是什么以及它们如何工作。
相关
规范
| 规范 |
|---|
| CSS 值与单位模块 Level 3 |
| CSS 值和单位模块第 4 级 |
| CSS 值和单位模块 Level 5 |