css3-文字与字体相关样式

text-shadow属性-给文字添加阴影

1.text-shadow属性的使用方法

给页面上的文字添加阴影效果

image.png

image.png

位移距离：前两个参数为阴影离开文字的横方向位移距离与纵方向位移距离，必须指定这两个参数，可对这两个参数指定负数值。
阴影的模糊半径：第三个参数是阴影的模糊半径，代表阴影向外模糊时的模糊范围，可选参数
颜色：可放在其他三个参数之前或之后，可选参数。
指定多个阴影：

image.png

2.word-break属性

浏览器本省自动换行，在css3中，可以使用word-break属性决定自动换行的方法，不仅可以让浏览器实现半角空格或连字符后面的换行，还可以让浏览器在任意位置的换行。

image.png

3.word-wrap属性-让长单词和URL地址自动换行

URL地址中没有连字符是，浏览器将其视为一个比较长的单词来显示。

image.png

4.web Font与@font-face属性

页面使用字体必须在客户端中被安装才能正常显示，否则显示替代字体；如果替代字体没有在客户端安装时，这个字体就不能正常显示。
在css3中，新增Web Font功能，网页可以使用安装在服务器端的字体，只要某个字体在服务器端安装，就能正常显示。
不知道这节存在的意义是什么。我的功夫还没练到家，以后慢慢学习。

5.font-size-adjust属性-修改字体种类而保持字体尺寸不变

需要每个字体自带aspect值(比例值)。
新罗马字体如下：

image.png

image.png

image.png