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; }