CSS中属性的值有很多种格式。为了让用户代理（即浏览器）识别一个值是有效的，它需要确认该值符合该类型值支持的格式之一。这些属性值所支持的格式称为数据类型，在规范中以的形式标识。CSS中有两种数据类型——特定数据类型和通用数据类型。特定数据类型仅与单个属性或一类属性相关联。例如，数据类型只能用作transform属性的值。相反，通用数据类型不与任何特定属性相关联。例如，数据类型的值为10px，可用于边距、字体大小和许多其他属性。在这篇文章中，我将把所有常见的数据类型作为一个整体来描述。文本数据类型关键字关键字数据类型是指CSS中预定义的关键字。这种类型不仅包括一些特定属性的唯一值，比如display属性的block值，还包括initial、inherit和unset.foo{border-color:red;position:inherit;}常用在CSS中。它不区分大小写，不能与引号一起使用。这避免了与字符串数据类型混淆。自定义关键字自定义关键字数据类型（也写作）是指样式表作者定义的关键字。的定义有一定的限制，比如不是CSS中常用的词之一。自定义关键字的最常见示例是动画名称属性的值。此属性可以接受自定义动画作为其值，其名称由样式表作者定义。@keyframeshulkify{来自{颜色：粉色；变换：规模（1）；}至{颜色：绿色；变换：比例（2）；}}.bruce-banner{动画名称：hulkify;}quotedstringstring数据类型是指任何带引号的字符串。这个字符串被引号括起来，是一个任意的Unicode字符序列。.foo::after{content:"Hello,world!";}.foo::before{content:"Wecanadd'quotes'withinquotes\AAndmovetoaseparateline";}resourcelocator资源定位器用于引用资源文件或片段。这种数据类型通常使用url()函数来表示，但在某些情况下也可以用的形式来表示，比如在@import规则中。此数据类型具有三个URL（统一资源定位符）。绝对URL包括协议和域名。此类URL指定的资源不需要与样式表所属的域名相同。相对URL指向的文件基于样式表文件的位置。部分URL（片段URL）用于指向主文档本身中的元素。由元素的id引用，而不是文件路径。/*绝对URL*/@importurl("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400");/*相对URL*/.foo{background-image:url("../img/bg.png");}@import"components/buttons.css";/*部分URL*/.bar{filter:url("#blurFilter");}基本值类型integerintegertype是数学上定义的整数。它是一个没有小数部分的整数。整数包括正整数和负整数。整数的符号由第一个数字前的+或-指定，如果没有指定则默认为+。.foo{z-index:10;}.foo{z-index:+10;}.bar{z-index:-10;}RealNumber实数类型是一个“实数”。可以是整数、0或小数。与整数类型一样，实数也有正值和负值，也由第一个数字前的符号表示。.foo{行高：3；}.bar{行高：-2.5；}.foo{行高：+5.5；}Ratio比率数据类型表示两个值之间的关系，两个值都是正整数值。尽管比率在数学中有多种写法，但在CSS中通常写为/。比率类型的典型用途是在媒体查询中指定目标设备的分辨率。@mediascreenand(device-aspect-ratio:16/9){/*宽屏显示，iPhone5*/}@mediascreenand(device-aspect-ratio:4/3){...}Percentage百分比数据type由一个实数值后跟一个%符号组成。它代表另一个值的一部分。因此，对于不同的值类型，有不同的百分比数据类型。长度百分比是长度值的一部分。数字百分比是数字的一部分。角度百分比是角度值的分数。时间百分比是长度值
