CSS3 -- 文本效果和字体

写在前面：很多内容都是对w3cschool教程的复述，深入学习建议w3cschool - 编程狮，随时随地学编程

---

一、文本效果

1 文本阴影

text-shadow: 水平偏移量h-shadow  垂直偏移量v-shadow  模糊距离blur  颜色color

span{
text-shadow: 10px 10px 5px yellow;
}

2 文本溢出

参数如下：

值	描述
clip	修剪文本。
ellipsis	显示省略符号来代表被修剪的文本。
string	使用给定的字符串来代表被修剪的文本。

div{
text-overflow:ellipsis;
}

3 换行

3.1 自动换行

值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。

p {
word-wrap: break-word;
}

3.2 单词拆分换行

word-break用于制定非CJK脚本的断