本节内容：
css 文字阴影
说明：
阴影可以让页面中的文字和元素具有立体的效果，从而被突出出来。
比如对于文字阴影，传统的方法可能需要将文字切出来，直接使用图片，如果考虑SEO和网站性能，还可能会使用CSS Sprites等技术将图片整合。
拼合图片会花掉你的大量时间，而且为了实现更好视觉效果，可能还要使用高质量的32位png图片，这又要面对该死的IE 6的png透明问题！
事实上，对于文字的阴影效果，完全可以用CSS来实现！
Text-shadow
text-shadow可以让我们实现完美的文字阴影效果。基本写法：
text-shadow:[颜色 x轴 y轴 模糊半径],[颜色 x轴 y轴 模糊半径]...
或者
text-shadow:[x轴 y轴 模糊半径 颜色],[x轴 y轴 模糊半径 颜色]...
这里的颜色就是阴影的颜色，可以将颜色写在前面，也可以写在最后。
x轴和y轴分别是其阴影的偏移位置，模糊半径可以理解为阴影长度。
而且现在大部分浏览器都支持多层阴影，可以用逗号分开多组设置(当然也可以只是用单个设置)。
该属性目前被除IE之外的大部分浏览器支持，对于IE，可以使用shadow滤镜来实现：
注意，使用shadow滤镜只能定义角度 direction，而不能定义xy轴，z轴也被换成了strength。
注意，使用该滤镜的时候，不能够设置背景颜色，否则滤镜将无效！
如果不太懂三角函数的算法，可以使用IE的另外一个滤镜：dropshadow：
另外，IE的这两个滤镜是支持多层阴影的！比如，可以这样写：
text-shadow的浏览器兼容性
目前text-shadow被Firefox 3.5+，Safari 1.1+/chrome 2.0+和opera 9.5支持，IE不支持。
注意：Safari只有4.0才支持多层阴影。
1，IE各个版本都不支持text-shadow；
2，Opera 9.5+支持最多6-9层阴影，并使用CSS2渲染顺序(最先定义的阴影在最下面)。而且出于性能的原因，模糊半径被限制到100px；
3，Gecko (Firefox)理论上支持无限层text-shadows (不过不建议尝试) 并遵循新的CSS3渲染顺序(最先定义的阴影在最上面)；
4，Safari 1.1-3.2只支持单层text-shadow (只显示第一个逗号之前的声明而无视后面的)。Safari 4.0+才支持多层阴影以及新的CSS3渲染顺序；