Css3文字新屬性

• 新增顏色模式
  rgba（r,g,b,a）

r	red	0~255
g	green	0~255
b	blue	0~255
a	alpha	0~1

例項：背景透明，文字不透明

• 文字陰影
  text-shadow: x y blur color
  文字陰影如果加多層，層之間用逗號分隔，會很卡。通過文字陰影可以做出很多文字特效，如浮雕、光暈。
  文字模糊效果：

h1{font: 100px/200px "微軟雅黑"; text-align: center;color: #000; text-shadow:0 0 0 rgba(0,0,0,1); border: 1px solid #000}
h1:hover {color: rgba(0,0,0,0); text-shadow: 0 0 30px rgba(0,0,0,0.5)}

• 文字邊框
  -webkit-text-stroke:寬度 顏色
  但只有webkit的瀏覽器支援。

• 文字排版
  (1) direction 定義文字排列方式（全相容）
  rtl 從右到左排列
  ltr 從左到右排列
  注意配合unicode-bidi一起使用
  (2) text-overflow定義省略文字的處理方式
  clip 無省略號
  ellipsis 省略號 注意配合overflow:hidden和white-space：nowrap一起使用

• 自定義字型

@font-face {
    font-family: 'chm';
    src:url('111-webfont.eot');
    src:url('111-webfont.eot?#iefix') format('embedded-opentype'),
        url('111-webfont.woff') format('woff'),
        url('111-webfont.ttf') format('truetype'),
        url('111-webfont.svg#untitledregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

轉換字型格式生成相容程式碼
http://www.fontsquirrel.com/fontface/generator