新增样式一：新增阴影

为文本添加阴影，属性值是text-shadow

属性值有4个

h-shadow 设置水平阴影的偏移位置，右偏是正方向

v-shadow 设置垂直阴影的偏移位置，下偏是正方向

blur 模糊的距离

color 颜色

<span>hello</span>

比如要给span里面的hello设置阴影

css代码如下

<style>
span {
			text-shadow: 10px 10px 5px red;
						 
		}
</style>

效果如下图

文本裁剪

文本裁剪是在文本溢出的情况下对文字进行裁剪

属性是

text-overflow

属性值：

clip 裁剪多余的文字

ellipsis 以省略号表示裁剪的文字

在文本裁剪要设置自动换行与遮掉多余的文字

单词裁剪：

属性值是word-wrap与word-break

word-wrap的属性值是break-word

word-break的属性值是break-all

区别是前者是多余字母换行，后者是直接删掉多余字母