第21章CSS3文本效果-水之原

学习要点：

1.文本阴影

2.文本裁剪

3.文本描边

4.文本填充

主讲教师：李炎恢

本章主要探讨 HTML5 中 CSS3 中文本效果，其中也包含一些之前讲过的 CSS3 文本属性。

一．文本阴影

　　CSS3 提供了 text-shadow 文本阴影效果，这个属性在之前讲过，只是没有涉及浏览器支持情况。

text-shadow

Opera

Firefox

Chrome

IE

Safari

9.5+

3.5+

4+

10+

3.1+

　　这里有几个注意点：1.text-shadow 在 CSS2 的时候出现过，但各大浏览器碍于消耗大量的资源，迟迟未支持，然后在 CSS2.1 中剔除了。现在，CSS3 已经全面支持了；2.最低支持版本上，不同手册和教材上都不太同，但版本年代久远，无伤大雅。最准确的可以查询这个网站：http://caniuse.com。最需要注意的只有 IE10 才支持，IE9 不支持的；3.目前的浏览器不需要给这个属性加上任何前缀，具体查询前缀版本可以访问刚才提供的地址。

//正值阴影

 text-shadow: 1px 1px 1px red;  

查看更多关于第21章CSS3文本效果-水之原的详细内容...