【系列】css3文本（text）模型

我们可以使用css3的新特性，给文本添加阴影，指定换行模式，规定文本的轮廓等一些效果，极大的弥补了css2当中的不足。

一、<text>模型属性

属性	描述	css
text-overflow	规定当文本溢出包含元素时发生的事情	3
text-fill-color	给文字指定填充颜色	3
text-stroke	给文字描边	3
text-stroke-width	指定文字描边的宽度	3
text-stroke-color	指定文字描边的颜色	3
text-shadow	向文本添加阴影	3
word-break	规定非中日韩文本的换行规则	3
word-wrap	允许对长的不可分割的单词进行分割并换行到下一行	3

二、text-overflow属性
语法：text-overflow: clip|ellipsis|string
clip：修剪文本
ellipsis：使用省略符合来代替被修剪的文本  //溢出的文字会使用省略号替代
string：使用给定的字符串来代替被修剪的文本。例：text-overflow:"abc"; //溢出的文字会使用abc来替代。

三、text-stroke属性  目前只有谷歌浏览器可用
text-stroke: width color;


四、text-shadow属性  目前只有谷歌浏览器可用
text-shadow: h-shadow  v-shadow blur color;
h-shadow：必需，水平阴影的位置，允许负值。
v-shadow：必需，垂直阴影的位置，允许负值。
blur：可选，模糊的距离。
color：可选，阴影的颜色，参阅css颜色值。
例：text-shadow:1px 1px 2px #000000;

五、word-break属性
语法：word-break:normal|break-all|keep-all;
normal：使用浏览器默认的换行规则
break-all：允许在单词内换行
keep-all：只能在半角空格或连字符出换行

六、word-wrap属性
语法：word-wrap:normal|break-word;
normal：只在允许的断字点换行（浏览器默认行为）
break-word：在长单词或url地址内部进行换行