css3颜色与文本效果

css3颜色与文本效果

1.CSS3颜色

(1)、十六进制颜色

＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。

(2)、RGB颜色

RGB颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义

颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。

(3)、RGBA颜色

RGBA颜色值被IE9,Firefox3+,Chrome,Safari,和Opera10+支持。

RGBA颜色值是RGB颜色值alpha通道的延伸-指定对象的透明度。

RGBA颜色值指定：RGBA（红，绿，蓝，alpha）。Alpha参数是一个介于0.0

（完全透明）和1.0（完全不透明）之间的参数

 （4）hsl

H:色调（0-360）0 表示红色 120 绿色 240蓝色 s:饱和度0-100% 亮度0-100%

Background :hsl(hue, saturation, lightness)

 

2.CSS3文本效果

(1)、CSS3文本阴影

您指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色： 阴影不占空间:

h1{
text-shadow:5px5px5px#FF0000;
}

 

(2)、CSS3文本溢出

CSS3文本溢出属性指定应向用户如何显示溢出内容

p.test1{
//文本不换行
white-space:nowrap;
width:200px;
border:1pxsolid#000000;
//多余的部分隐藏掉
overflow:hidden;
//修剪文本。
text-overflow:clip;
}
p.test2{
white-space:nowrap;
width:200px;
border:1pxsolid#000000;
overflow:hidden;
//显示省略号来代表被修剪的文本
text-overflow:ellipsis;
}