第五章 文本

第五章 文本

用省略号（...）显示溢出文本 text-overflow
值：clip ellipsis
clip：裁剪溢出内容
ellipsis：用省略号显示溢出内容
说明：要实现ellipsis效果，还要声明overflow为hidden，
如果文本本来只有一行，想在一行内显示，还需声明white-space为nowrap
p {width:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsisl;}

嵌入字体 @font-face
在客户端加载字体。
@font-face{font-family:"自定义字体名称"; src:“字体路径”;}
这样声明后，就可以像使用普通字体那样使用"自定义字体"

文本阴影 text-shadow
text-shadow: x-offset y-offset blur color
x-offset：水平方向偏移量，正向右，负向左
y-offset：垂直方向偏移量，正向下，负向上
blur：模糊程度，值越大，越模糊，不能为负数，为0时，文本没有任何模糊效果。
color：省略时默认为字体颜色，可使用rgba颜色模式。
可设置多个值，用逗号隔开，如a{text-shadow:1px 0 2px #fff, 0 2px 2px;}