2019-05-20 CSS3文本与字体

文本阴影

text-shadow属性

应用于阴影文本

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

兼容性ie10,火狐3.5+,Chrome4+,Safari4+,欧朋9.5+

text-outline属性

应用于规定文本轮廓

text-shadow:thickness blur color;
text-shadow:宽度值 模糊 颜色;

任何主流浏览器都不兼容该属性

换行

word-break属性

属性规定文本的自动换行的处理方法

word-break:normal | break-all |keep-all;
word-break:正常的 | 改换时 |只能在半角字符或者连字符
兼容ie5/5+,火狐15+,Chrome4+,Safari3.1+,欧朋15+;

word-warp属性

属性允许长单词或url地址换到下一行

word-warp:normal | break-all ;
word-warp:正常的 | 改换时
兼容ie5.5+,火狐3.5+,Chrome23+,Safari6.1+,欧朋12.1+;

text-align-last

属性规定如何对齐文本的最后一行语法

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
text-align-last:居中|居左|居右|居中|两端对齐|与文本平齐|与文本相反|设置属性默认值|继承

字体

@font-face

语法规则:

font-face:
{
   font-family:;//字体名称
   src:[][,[format]]*;//字体存放路径,可以是多个
   [font-weight:];//选填
   [font-style: