CSS3 新增文本样式和颜色样式

文本样式

W3C坐标系，向右为正，向下为正。

文本阴影

text-shadow: x-offset y-offset blur color;

文本描边 

text-stroke: width color;

文本溢出：决定多余文本是否用省略号表示。

overflow: hidden;
white-space: nowrap;
/* ellipsis代表用省略号；clip代表直接去掉后面 */
text-overflow: ellipsis/clip; 

强制换行

/* break-word决定长单词合理换行；nowrap不许换行 */
word-wrap: normal/break-word/nowrap;
/* break-all非常粗暴，直接换行；keep-all仅在半角空格或连字符处换行 */
word-break: normal/break-all/keep-all

嵌入字体、字体图标

@font-face{
    font-family: 字体名称XX;
    src: url(文件路径);
}
div{
    font-family: 字体名称XX;
}

颜色样式 

透明度（略）、RGBA（略）

渐变：

线性渐变

/* 方向包括to right、to left、to top、to bottom、to top left、to top right */
/* 中间颜色可以省略 */
background: line-gradient(方向，开始颜色，中间颜色，结束颜色);

径向渐变

/* position是圆心位置，取值和background-position相同，可省略 */
/* shape是形状，取值ellipse/circle，可省略 */
/* size是大小，取值closet-side/closet-comer/可省略 */
background: radial-gradient(position, shape size, start-color, stop-color);