文本数据类型

每个CSS声明都由属性/值对组成。根据属性的不同，值可以包含各种数据类型，如单个关键字、整数、函数或不同类型的组合；有些值带有单位，而有些则没有。本指南概述了文本数据类型。有关每种数据类型的更详细信息，请参阅相应的页面。

文本数据类型可以是<string>（带引号的字符序列）、<ident>（"CSS标识符"，即不带引号的字符串）或可选带引号的<url>。<string>使用单引号或双引号括起来。CSS标识符在规范中列为<ident>或<custom-ident>，必须不带引号。

在CSS规范中，可以由Web开发者定义的值——如关键帧动画名称、字体系列名称或网格区域——被列为<custom-ident>、<string>或两者兼有。

当允许使用带引号和不带引号的用户定义文本值时，规范将列出<custom-ident> | <string>，这意味着引号是可选的，例如关键帧动画名称的情况：

@keyframes validIdent {
  /* keyframes go here */
}
@keyframes 'validString' {
  /* keyframes go here */
}

某些文本值如果包含在引号中则无效。例如，grid-area的值可以是<custom-ident>，所以如果我们有一个名为content的网格区域，我们将不带引号地使用它：

.item {
  grid-area: content;
}

相比之下，作为<string>的数据类型，如content属性的字符串值，必须带引号：

.item::after {
  content: "This is my content.";
}

虽然通常可以创建任何想要的名称，包括使用表情符号，但标识符不能是none、unset、initial或inherit，不能以数字或两个短划线开头，通常也不希望它是任何其他预定义的CSS关键字。有关更多详细信息，请参阅<custom-ident>和<string>参考页面。