text-shadow属性-给文字添加阴影
1.text-shadow属性的使用方法
给页面上的文字添加阴影效果
![](https://img.haomeiwen.com/i12320286/ed9a98e2a9ef5ffd.png)
![](https://img.haomeiwen.com/i12320286/58a3ed4f80f17998.png)
位移距离:前两个参数为阴影离开文字的横方向位移距离与纵方向位移距离,必须指定这两个参数,可对这两个参数指定负数值。
阴影的模糊半径:第三个参数是阴影的模糊半径,代表阴影向外模糊时的模糊范围,可选参数
颜色:可放在其他三个参数之前或之后,可选参数。
指定多个阴影:
![](https://img.haomeiwen.com/i12320286/8d4f256a02c2c4c3.png)
2.word-break属性
浏览器本省自动换行,在css3中,可以使用word-break属性决定自动换行的方法,不仅可以让浏览器实现半角空格或连字符后面的换行,还可以让浏览器在任意位置的换行。
![](https://img.haomeiwen.com/i12320286/16ba35479f2c334e.png)
3.word-wrap属性-让长单词和URL地址自动换行
URL地址中没有连字符是,浏览器将其视为一个比较长的单词来显示。
![](https://img.haomeiwen.com/i12320286/ff7c30f1aaa7aab5.png)
4.web Font与@font-face属性
页面使用字体必须在客户端中被安装才能正常显示,否则显示替代字体;如果替代字体没有在客户端安装时,这个字体就不能正常显示。
在css3中,新增Web Font功能,网页可以使用安装在服务器端的字体,只要某个字体在服务器端安装,就能正常显示。
不知道这节存在的意义是什么。我的功夫还没练到家,以后慢慢学习。
5.font-size-adjust属性-修改字体种类而保持字体尺寸不变
需要每个字体自带aspect值(比例值)。
新罗马字体如下:
![](https://img.haomeiwen.com/i12320286/4ae6df724c898ada.png)
![](https://img.haomeiwen.com/i12320286/d88de045b13a2abc.png)
![](https://img.haomeiwen.com/i12320286/5a324a9b12ef3d36.png)
网友评论