CSS1-CSS3 lt;color>颜色知识知多少

html-css016

CSS1-CSS3 lt;color>颜色知识知多少,第1张

CSS level1的时候,那时候只有支持16个基本颜色关键字,诸如black, white这些货,为什么数目这么少呢?我们可以想想当时的显示器水平,不是黑白的已经不错了。

然后,CSS level2的时候,加入了橙色orange, 棕色brown等等颜色关键字。

然后,到了CSS level3的时候,颜色关键字家族进一步壮大,mediumturquoise这样的都出现了。这些扩展的CSS颜色关键字,是有专门的名称的,称之为”X11颜色名“,这里的”X11″不是11区的意思,而是指用来位图显示的X Window System,常见于UNIX-like计算机系统上。

hsl颜色,是CSS3才出现的颜色表现格式,因此IE9+浏览器才支持。和rgb分别表示red, green, blue一样,hsl颜色三个字母也有自己的含义,其中,h表示Hue, 是色调的意思,取值懂0~360,大致按照数值红橙黄绿青蓝紫变化的节奏;s表示Saturation, 饱和度的意思,0~100%表示,值越大,饱和度越高,颜色越亮,通常我们评价某设计亮瞎我们的狗眼,就是你这个设计颜色饱和度太高的另一种说法;l表示Lightness,亮度的意思,也是0~100%表示,越亮。100%就是白色,50%则是正常亮度,0%的亮度就是黑色。

正如楼上所说,比如你将网页边框设置<div id="biankuang">网页内容</div>

在CSS中你在设置样式 #biankuang{ boder-color:brown;}

你也可以分别设置四边不同的颜色

#biankuang{ boder-top-color:brown;}

#biankuang{ boder-bottom-color:red;}

#biankuang{ boder-right-color:black;}

#biankuang{ boder-left-color:blue;}

上面分别是顶边棕色、下边红色、右边黑色、左边蓝色