12 使用CSS3文本属性
关于css3的文本新属性还是满多的,在这些属性中比较出彩的属性有两个:一个是可以为文字添加阴影的text-shadow,另外一个则是可以强制对单词进行换行处理的word-wrap属性。text-shadow属性要求的浏览器版本较高,对于ie来说,至少需要ie10以上版本的支持,至于Firefox、Chrome、Safari 以及 Opera 等浏览器则完全支持这一新属性。大家或许常常会借鉴一些国外的主题,常常会发现有些标题会带有很好看的阴影,但在ie下无法正常的显示出来,这正是text-shadow属性的功劳。word-wrap属性算是一个能够被广泛支持的新属性,几乎所有的主流浏览器都支持这一属性,即使是ie也不例外。
1.给文字加上阴影的text-shadow属性:
属性text-shadow是我们可以省略前缀的几个之一,这个属性与边框的阴影属性(box-shadow)差不多,总共包含了四个参数:水平阴影、垂直阴影、模糊距离,以及阴影的颜色。与我们所讲的边框阴影属性同样类似的是,这些值除了最后的颜色之外,均可以用负值来表示。下面给个简单的代码示例:
2.强制单词换行的word-wrap属性:
当我们的段落中出现特别长的单词的话,因为没有强制换行,可能导致某个单词大量溢出或者直接自动换行而出现行尾留出很大的空白,这些都使得我们的文本便的很不整齐,word-wrap这个属性也正是因此而生。请看下面的简单用法: