CSS3的使用方法解析

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：

当内联内容溢出块容器时，将溢出部分替换为（...）。