1.text-shadow —— 给文字添加阴影
text-shadow: length length length color
前3个length分别指阴影文字的横方向距离、纵方向和阴影的模糊半径
半径越大,越模糊。
它还可以指定多个阴影,用逗号隔开。
text-shadow:10px 10px pink,10px 20px black,70px 80px blue;
2.word-break —— 让文本自动换行
normal 使用浏览器默认换行规则
keep-all 只能在半角空格或者连字符处换行 (只有IE支持)
break-all 允许在单词内换行(IE不允许标点符号位于行首,safari与chrome允许)
3.word-wrap —— 让长单词与URL地址自动换行
word-wrap:break-word 则浏览器可以在长单词或者URL地址内部进行换行。
word-wrap:normal 则浏览器保持默认处理,只有在半角空格或者连字符的地方进行换行。
4.Web Font与@font-face —— 使用服务器端字体
@font-face{
font-family:WebFont;
src:url('font/Fontin_Sans_R_45b.otf') format("opentype");
font-weight:normal;
}
h1{
font-family: WebFont;
}
5.font-size-adjust —— 修改字体种类而保持字体尺寸不变
它的使用很简单,但是它需要使用每个字体种类自带的一个aspect值(比例值)
这个aspect值的计算方式为x-height指除以该字体的尺寸,x-height指的是这个字体小写x的高度。如果某字体的尺寸为100PX,小写x为58px,则aspect为0.58
6.text-overflow —— 当容器容不下的内容时,可以在盒子的末尾显示一个呆鸟省略的符号“...”。但是,text-overflow属性只在当盒子的内容在水平方向上超出盒的容纳范围时有效。
text-overflow:ellipsis;(IE)
-webkit-text-overflow :ellipsis;(Safari chrome)
-o-text-overflow:ellipsis;(Opera)