CSS 数据类型

CSS 数据类型定义可用于各种 CSS 属性的值的类型。 每个 CSS 属性都需要特定类型的值，了解这些数据类型对于正确设置 Web 内容的样式和格式至关重要。
下面列出的类型是最常见的，但它并不是任何 CSS 规范中定义的所有类型的完整列表。

语法

selector {
   property: <unit-data-type>;
} 

CSS 语法使用不等号“<”和“">”之间的关键字来指示数据类型。

文本数据类型

这些类型包括关键字、标识符、字符串和 URL。

预定义关键字

表示特定于与其一起使用的属性的预定义关键字（例如 auto、inherit、none）。

CSS-wide 关键字

下表列出了所有 CSS 范围内的关键字：

Numeric 数据类型

这些数据类型表示数量、索引和位置。 下表列出了所有数值数据类型：

Quantities

距离和其他数量是使用这些类型定义的。 下表列出了所有数量：

类型的组合

同时接受尺寸和百分比值的 CSS 属性属于此类。 百分比值将转换为相对于允许尺寸的数量。 同时采用百分比和尺寸的属性将使用以下类型之一：

Color

Color related properties define the <color> data type and additional types related to colors.

The following table lists all the color related data types:

图像

CSS 图像规范定义了与图像相关的数据类型，例如渐变。 下表列出了所有与图像相关的数据类型：

2D定位

下表列出了所有与 2D 定位相关的数据类型：

计算数据类型

CSS math functions use these data types in calculations. The following table lists all the calculation data types:

Display

下表列出了所有与显示相关的数据类型：

其他数据类型

下表列出了更多数据类型：