1
.
text-shadow
:
5px
5px
5px
red
,
9px
13px
10px
blue
,
8px
12px
10px
#ccc
;
字体阴影面积显示(同box-shadow)
2
.自己设置字体
@font-face{
/* 可以设置字体 */
font-family
:WebFont;
/* ttf :0 otf:t */
src
:
url
(
'ygyxsziti2.0.ttf'
)
format
(
"truetype"
);
}
div{
font-family
:WebFont;
}
3
.
font-size-adjust
:
0.57
; 设置同类字体显示大小一样
4
.
text-transform
:
capitalize
:
将每个单词的第一个字母转换成大写
uppercase
:
将每个单词转换成大写
lowercase
:
将每个单词转换成小写
5
.
white-space
:
pre-wrap:
用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。
pre-line:
保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。
6
. writing-mode 书写格式
-webkit-writing-mode:vertical-rl;
writing-mode:tb-rl;
horizontal-tb:
水平方向自上而下的书写方式。即 left-right-top-
bottom
(类似IE私有值lr-tb)
vertical-rl:
垂直方向自右而左的书写方式。即 top-bottom-right-
left
(类似IE私有值tb-rl)
vertical-lr:
垂直方向自左而右的书写方式。即 top-bottom-left-
right
lr-tb:
左-右,上-下。对象中的内容在水平方向上从左向右流入,后一行在前一行的下面。 所有的字形都是竖直向上的。这种布局是罗马语系使用的(IE)
tb-rl:
上-下,右-左。对象中的内容在垂直方向上从上向下流入,自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的,半角字符如拉丁字母或片假名顺时针旋转
90
度。这种布局是东亚语系通常使用的(IE)
7
.文本溢出
text-
overflow
:
clip:
当内联内容溢出块容器时,将溢出部分裁切掉。
ellipsis:
当内联内容溢出块容器时,将溢出部分替换为(...)。