css中指定颜色的有几种

在CSS中，指定颜色的方式有多种：

/* 使用颜色名称 */
p {
  color: red;
}

/* 使用十六进制码 */
p {
  color: #FF0000;
}

/* 使用RGB值 */
p {
  color: rgb(255, 0, 0);
}

/* 使用RGBA值 */
p {
  color: rgba(255, 0, 0, 0.5);
}

/* 使用HSL值 */
p {
  color: hsl(0, 100%, 50%);
}

/* 使用HSLA值 */
p {
  color: hsla(0, 100%, 50%, 0.5);
} 

以上代码展示了使用名称、十六进制码、RGB值、RGBA值、HSL值以及HSLA值来指定颜色的方法。其中，使用名称是最直观的方法，但只有17种预定义名称，而使用数值可以更加精确地定制颜色。

值得注意的是，在使用RGB和HSL时，可以使用百分比值代替数值。例如，使用rgb(100%,0%,0%)即可表示红色。

除此之外，CSS还可以通过color关键字来设置元素的字体颜色，如下：

/* 设置为浏览器默认颜色 */
p {
  color: initial;
}

/* 取消字体颜色 */
p {
  color: none;
}

/* 从父元素继承颜色 */
p {
  color: inherit;
} 

以上代码演示了设置浏览器默认颜色、取消字体颜色和从父元素继承颜色的方法。