CSS3中Color的一些特性介绍

2024-07-11 08:48:12

字体：大中小

来源：转载

供稿：网友

1.CSS 简介
CSS（Cascading Style Sheets），我们都不陌生吧。特别是我们在开发web项目的时候，用的更是不亦乐乎。

可是，你知道吗？CSS（注意也就是CSS1）是在1996年的时候产生的标准，也就是到现在时隔（2012-1996）差不多15年的历史。毕竟时间在一直的走嘛，现在CSS3也在使用中，不过需要注意的是，CSS3并非是W3C的一个标准，它现在依旧是草案（Working Draft）状态，而不是最终的稳定版---W3C推荐。

据目前所知，CSS3已经增加了40多种模块（Module），既然还是草案，所以以后就还有增加的可能。所以，用我们的祈祷吧，希望CSS3赶快成为标准。那个时候我们程序员才是解放的时候。

在这篇文章中，我们会讨论一下CSS3中新增的40多个模块中的一个模块----Color模块。Color模块，比其他的模块更加的稳定。事实上，在2011年6月的时候，它就已经成为了W3C的推荐了，也就是标准了。

这新的CSS3 Color特性包括在传统的hex 和RGB 值中增加了HSL特性，也就是增加了Opacity（透明度）和Alpha channels。

2.HSL Colors
在我们传统开发web网页的时候，我们在使用下面的关键字来进行对HTML和CSS进行颜色的设定。

Color 关键字 (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow)
Hexadecimal（16进制）表示法
RGB (red，green，blue)表示法

比如，如下实例：

复制代码

上一篇：W3标准不变清除浮动实现代码

下一篇：CSS小技巧:为不同类型的文件设置不同的链接样式