CSS数据类型是指在CSS样式表中可以使用的数据类型，用来定义元素的样式和布局。在CSS中，常见的数据类型包括：颜色值、长度单位、百分比、字体、URL、变量等。

1. 颜色值
颜色值是CSS中最常用的数据类型之一。在CSS中，可以使用预定义的颜色名称，也可以使用十六进制、RGB、RGBA等方式来表示颜色值。例如：

  
    p {
      color: red;     /* 使用预定义的颜色名称 */
      background: #f00;     /* 使用十六进制颜色值 */
      border-color: rgb(255,0,0); /* 使用RGB颜色值 */
      box-shadow: rgba(0,0,0,0.5); /* 使用RGBA颜色值 */
    }

2. 长度单位
长度单位用于表示元素的尺寸，常见的长度单位有像素（px）、百分比（%）、行高（em）等。例如：

  
    p {
      width: 200px;     /* 使用像素单位 */
      padding-top: 10%;   /* 使用百分比单位 */
      font-size: 1.5em;   /* 使用相对单位 */
    }

3. 百分比
百分比数据类型在CSS中常用于相对于父元素的计算。例如，通过使用百分比来设置元素的宽度或高度，可以实现自适应布局。例如：

  
    div {
      width: 50%;    /* 设置宽度为父元素宽度的50% */
      height: 100%;  /* 设置高度为父元素高度的100% */
    }

4. 字体
字体数据类型用于定义元素的字体样式，包括字体名称、字重、斜体等。例如：

  
    p {
      font-family: Arial, sans-serif;    /* 设置字体名称 */
      font-weight: bold;     /* 设置字体粗细 */
      font-style: italic;    /* 设置字体为斜体 */
    }

以上介绍了CSS中常见的数据类型，通过不同的数据类型可以实现不同的样式效果。在CSS中，可以通过选择器将样式应用于指定的元素或元素组合，并使用这些数据类型来定义元素的样式和布局。