首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS三种工作原理与颜色设置的步骤

2013-04-07 
CSS三种工作原理与颜色设置的方法“style/style.css / ? /head ?Black #000000?Green #008000?Silv

CSS三种工作原理与颜色设置的方法
“style/style.css" />

? </head>

?Black = #000000?Green = #008000?Silver = #C0C0C0?Lime = #00FF00?Gray = #808080?Olive = #808000?White = #FFFFFF?Yellow = #FFFF00?Maroon = #800000?Navy = #000080?Red = #FF0000?Blue = #0000FF?Purple = #800080?Teal = #008080?Fuchsia = #FF00FF?Aqua = #00FFFF

transparent 关键字
transparent 表示完全透明,CSS1中,它只能在 background 属性中使用,CSS2中,添加到了 border 属性,而在 CSS3 中,transparent 能够在任何写颜色的属性中使用。

CSS RGB颜色
以 RGB 标记颜色,就是一个颜色中红色R,绿色G,蓝色B 的强度值,这三原色混合后呈现出的颜色,每种颜色的取值范围为0~255。
color:rgb(255,0,0); color:rgb(0,255,0); color:rgb(0,0,255);

CSS RGB百分比颜色
RGB百分比颜色表示法就是利用百分比来表示颜色中红色R,绿色G,蓝色B 的强度值,其中RGB中的0就代表百分比中的0%,RGB中的255就代表百分比中的100%。要注意的是,RGB颜色和RGB百分比颜色不能混用。
color:rgb(100%, 0%, 0%); color:rgb(0%, 100%, 0%); color:rgb(0%, 0%, 100%); color:rgb(100%, 0, 20%); /* 错误的写法,整数和百分比方式不能混用*/

CSS RGBA颜色
RGBA颜色就是在RGB颜色的基础上增加了Alpha通道,即扩展了透明度的 RGB 色彩模式, a 定义了该颜色的透明度,取值0~1之间。
color:rgba(255,0,0,1); color:rgba(0,255,0,0.2); color:rgba(0,0,255,0.1);

CSS 16进制颜色
用三对十六进制数分别表示RGB中的三原色,如:color:#1199ff 其中11代表R的颜色,99代表G的颜色,ff代表B的颜色,十六进制的颜色需在值前面再加一个#号。
color:#ff0000; color:#00ff00; color:#1199ff;

CSS 短16进制颜色,属于web safe colors(网络安全色)
短16进制颜色就是当16进制颜色值中的两个表示颜色值的数字一样的时候,可以简写,如color:#ff0000;可简写为color:#f00。
color:#f00; color:#0f0; color:#00f;

CSS HSL颜色
HSL 不同于 RGB 的色彩模式,HSL颜色是使用色相(hue),饱和度(saturation),亮度(lightness)表示颜色的一种方法。
color:hsl(360, 100%, 75%); color:hsl(120, 100%, 75%); color:hsl(240, 100%, 75%);

CSS HSLA颜色
HSLA颜色表示法就是在HSL颜色的基础上增加了Alpha通道,扩展了对透明度的支持。
color:hsla(360, 100%, 50%, 1); color:hsla(120, 100%, 50%, 1); color:hsla(240, 100%, 50%, 1);

注意:
1、用16进制表示颜色时,要用在值前加#号。
2、CSS定义的预定义颜色共有3147种,使用预定义颜色更直观、简单。
3、一个等式rgb(255,255,255) = rgb(100%,100%,100%) = #FFF = #FFFFFF
4、IE 7-8 的 transparent 属性只能被应用于 background 和 border 属性。
5、RGBa颜色现在在Webkit 和Gecko 核心的浏览器被支持,IE各个版本的浏览器和Opera还都不支持。

?

热点排行