1、css3文字效果
語法：text-shadow: h-shadow v-shadow blur color;(《水平陰影》，《垂直陰影》，[模糊距離]，[陰影顏色])
示例：
語法：word-break: normal|break-all|keep-all;
normal:預設換行；break-all:允許在單詞內換行；keep-all:只能在半形空格或連字元處換行
示例：
nice to meet you. good mor-ning.
nice to meet you. good mor-ning.
nice to meet you. good mor-ning.
語法：text-overflow: clip|ellipsis|string;
示例：
nice to meet you. good mor-ning.
nice to meet you. good mor-ning.
nice to meet you. good mor-ning.
注意：使用text-overflow的時候，需要與overflow:hidden;white-space:nowrap;協同使用
在css3之前，必須使用已經在使用者計算機上安裝好的字型，給web設計帶來很大的侷限性。現在，通過css3,web設計師可以使用他們喜歡的任意字型。
firefox、chrome、safari 以及 opera 支援 .ttf (true type fonts) 和 .otf (opentype fonts) 型別的字型。
internet explorer 9+ 支援新的 @font-face 規則，但是僅支援 .eot 型別的字型 (embedded opentype)。
不相容ie8，ie8-。
示例：
自定義字型演示
自定義字型演示
自定義字型演示
除此之外，在@font-face中，還可以設定多種字型描述符，如：
描述符值
描述font-family
name
必需。規定字型的名稱。
srcurl
必需。定義字型檔案的 url。
font-stretch
可選。定義如何拉伸字型。預設是 "normal"。
font-style
可選。定義字型的樣式。預設是 "normal"。
font-weight
可選。定義字型的粗細。預設是 "normal"。
unicode-range
unicode-range
可選。定義字型支援的 unicode 字元範圍。預設是 "u+0-10ffff"。
body
body>*:first-child
body>*:last-child
p, blockquote, ul, ol, dl, table, pre
h1, h2, h3, h4, h5, h6
h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code
h1 h2
h3 h4
h5 h6
body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h4:first-child, body>h5:first-child, body>h6:first-child
a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p
a a:hover
ul, ol
ul li>:first-child, ol li>:first-child, ul li ul:first-of-type, ol li ol:first-of-type, ul li ol:first-of-type, ol li ul:first-of-type
ul ul, ul ol, ol ol, ol ul
dl dl dt
dl dt:first-child
dl dt>:first-child
dl dt>:last-child
dl dd
dl dd>:first-child
dl dd>:last-child
pre, code, tt
code, tt
pre>code
pre
pre code, pre tt
kbd
blockquote
blockquote>:first-child
blockquote>:last-child
hr img
CSS3文字與字型
text overflow用來設定是否使用乙個省略標記 標示物件內文字的溢位。語法 但是text overflow只是用來說明文字溢位時用什麼方式顯示，要實現溢位時產生省略號的效果，還須定義強制文字在一行內顯示 white space nowrap 及溢位內容為隱藏 overflow hidden ...
CSS3 文字與字型
text overflow用來設定是否使用省略標記標示物件內溢位的文字 clip表示剪下，ellipsis表示省略號隱藏 要實現溢位時產生 省略號的效果，還須定義 強制文字在一行內顯示 white space nowrap 及 溢位內容為隱藏 overflow hidden 只有這樣才能實現 溢位文...
CSS3 文字與字型
應用於陰影文字 語法text shadow h shadow 水平陰影 v shadow 垂直陰影 blur 陰影 color blur屬性值不能為負 text outline屬性，規定文字輪廓 語法 text outline thickness blur color 目前任何主流瀏覽器都不支援該屬...