css3文字阴影属性text-shadow
学习了盒子阴影属性box-shadow，这篇文章说的文字阴影属性text-shadow。小文章一篇，希望大家通过这篇文章再来回顾一下box-shadow盒子阴影属性。
text-shadow属性值
对于w3c对于text-shadow的规范如下：
属性名: box-shadow
属性值: none | [
初始值: none
应用于: 所有元素
继承性: 是
百分比: N/A
计算值:
1、none，没有指定任何的值，文本形式按照用户代理或者csser设置的文本形式展示
2、[
shadow的值有 [
color值可选，假如没有指定，那么跟文本颜色一致，假如文本颜色也没有指定，那么根据用户代理指定。
offset-x，offset-y，前一个值为阴影水平位移，后一个值为垂直位移，这点跟box-shadow一致，并且这两个值必须有，缺一不可。允许负值，offset-x负值向左偏移，offset-y向上偏移。
假如是多个shadow，那么就存在重叠现象，既然有重叠那就应该有层级关系，一般情况来说css中的层级关系是后来的值会覆盖前面的值，比如这么写css类
.f12{font-size:12px;}
.f12{font-size:14px;} //后者覆盖前者样式，所以文本字体会显示14px
但是对于css属性里面的值都是按照先来后到原则，并不是谁牛逼谁就在前面。这让我想起来了初中的时候，不管是拍照还是排队都是按照矮个子的在前面高个子在后面，就算是矮个子挡住了高个的下半身，但是起码还可以看见一个头嘛！
代码如下：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
.f12{font-size:12px;}
.f12{font-size:14px;}
.text-shadow{
text-shadow:0 0 #000,0 5px #f00,10px 0 #0ff;
background-color:#18b4ed;
color:#fff;
font-size:50px;
}
.box-shadow{
box-shadow:0 0 5px #000,0 10px #f00,10px 0 #0ff;
width:100px;
padding:10px;
}
这是14px的文字大小这是12像素文本 朋友推荐www.zzarea.com我听一首DJ舞曲，名字有点怪怪的，歌曲叫《小红帽》，我也是醉了 假如你有幸也听见这首歌，那么把你的想法在评论中写出，其实应该打码才对。 |
