CSS3基础

RGBA

前三个值是RGB颜色，最后一个表示透明度（0 = 全透明，1 = 不透明）
 

RGBA可以应用于任何和颜色相关的属性,比如font color, border color, background color, shadow color等等。
 

文字阴影

text shadow的结构顺序是这样的：x-offset，y-offset，blur和color
 

如果x-offset是负数，阴影会移到左边。如果y-offset是负数，阴影会移到上面。别忘了，shadow color是可以使用GRBA的哦！
 

你可以设置多个text-shadow，用逗号分隔开就行了。下面的例子使用了两个text-shadow，实现了字母凸起的效果(上面有1px，下面也有1px)。

text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;

圆角边框

border radius的简写形式很像padding和margin（比如，border-radius: 20px）。为了让浏览器渲染圆角边框，不同浏览器需要加上不同的前缀，webkit需要加上“webkit-”，Firefox需要加上“-moz-”。
 

每个角可以设置不同的值，这里注意一下，关于角，Firefox和Webkit有不同的属性名。
 

盒阴影

box shadow的结构和text-shadow一致：x-offset，y-offset，blur和color。
 

和text shadow相同，你也可以设置多个box shadow，下面的例子设置了3个box shadow。

-moz-box-shadow: 
-2px -2px 0 #fff, 
2px 2px 0 #bb9595, 
2px 4px 15px rgba(0, 0, 0, .3);