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