css3脸色表示法

CSS3脸色表示法是CSS3中新增加的一种表示颜色的方式,它使用一组关键词来表示颜色值。这组关键词分为两类,一类是表情符号,另一类是描述性的词语。

css3脸色表示法

表情符号包括:happy(开心)、sad(难过)、angry(生气)、confused(困惑)、neutral(中性)、worried(担心)和excited(激动)。

元素 {
    color: happy;
}

描述性的词语包括:red、blue、green、yellow、purple、pink、brown、orange、gray、black、white、transparent。

元素 {
    color: red;
}

除了color属性,还可以使用background-color、border-color、outline-color等属性来使用脸色表示法。

CSS3脸色表示法的使用可以让代码更加语义化,也方便开发者直观地了解颜色的含义,但是在实际的开发中,还是需要根据实际情况来选择使用哪种表示颜色的方式。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效