css3文字陰影
css3換行
css3新文字屬性
1、text-shadow 應用於陰影文字
2、語法：text-shadow: h-shadow（水平偏移） v-shadow（垂直偏移） blur（模糊距離） color（顏色）
3、相容：ie10+ firefox3.5+ chrome4+ safari4+ opera9.5+
4、注意：模糊程度不能是負數，不然會失去效果
1、text-outline 規定文字輪廓
2、語法：text-ouotline: thickness（寬度值） blur（輪廓描邊的模糊程度） color（輪廓的顏色）
3、相容性：任何瀏覽器暫時不支援這個屬性
word-break
1、規定自動換行的處理方法
2、語法：word-break: normal（正常） break-all（允許在單詞內換行） keep-all（只能在半形空格和連字元處換行）
3、相容：ie5.5+ firefox15+ chrome4+ safari3.1+ opera15+
4、注意：此屬性指定非cjk指令碼的斷行規則 – cjk(中日韓)指令碼
word-wrap
1、允許長單詞或者url位址換行到下一行
2、語法：word-wrap: normal break-word（以斷開的文字進行換行）
3、相容性：ie5.5+ firefox3.5+ chrome23+ safari6.1+ opera12.1+
text-align-last
1、規定如何對其文字的最後一行
2、語法：text-align-last:
auto – 預設左對齊
left – 左對齊
right – 右對齊
center
justify
strat – 隨大流
end – 與文章相反設定
initail – 預設和auto
inherit – 繼承父元素
text-overflow
1、規定當文字溢位包含元素時發生的事情
2、語法：text-overflow
clip – 溢位部分會修剪掉
ellipsis – 溢位部分會會以省略號表示
string – 只能是火狐支援，表示以我自定義的方式對溢位部分自定義
3、相容：ie6+ firefox7+ chrome4+ safari3.1+ opera11.1+（9.0 -o-）
4、注意：配合與overflow:hidden一起使用
@fontface是css3的乙個模組
語法規則
@fontface
取值說明
1、yourwebfontname： 自定義名稱他將被引用到web元素的font-family中
2、source：自定義字型存放的路徑，可以是相對也可以是絕對
3、format：自定義字型的格式，主要用來幫助瀏覽器識別的
4、weight和style：-- normal 和 blod加粗
weight：定義字型是否加粗
style定義字型樣式，比如斜體
字型格式
1、truetype – .ttf – 是windows和mac最常見的字型，是一種raw格式，因此他不為**優化
相容：ie9+ firefox3.5+ chrome4+ safari3+ opera10+ iosmobile – safari4.2+
2、opentype – .otf – 被認為是一種原始的字型格式，是內建在truetype基礎上，所以也提供了更多的功能
相容：除了ie瀏覽器不相容之外，其餘同上
3、web open font format – .woff – 是web字型中最佳的格式，他是乙個開放的truetype /opentype 的壓縮版本（壓縮版本小，占用記憶體小，加快網頁的執行速度），同時也支援元資料報的分離
相容：ie9+ firefox3.5+ chrome6+ safari3.6+ opera11.1+ – 蘋果手機端不支援
4、embedded open type – .eot – 是ie專用字型，可以從truetype 建立此格式的字型
相容：ie4+
5、svg – .svg 是基於svg字型渲染的一種格式（svg起始可以渲染的一種字型格式）
相容：ie和火狐不相容，chrome4+ safari3.1+ opera10+ iosmobile – safari3.2+
字型應用
大部分支援 – .woff .eot 效果更好的話，更多瀏覽器支援 – .svg
推薦通用模板
@font-face
/*會從上之下的相容效果依次執行*/
CSS3 文字和字型
2.字型 語法 text shadow 橫向偏移，垂直偏移，向外模糊度，顏色 p 橫向，垂直正負值皆可用，模糊度值不能是負值。相容 ie10 firefox3.5 chrome4 safari4 opera9.5 語法 text outline 輪廓寬度 模糊度 顏色 相容 所有主流瀏覽器都不支援 ...
CSS3文字與字型
text overflow用來設定是否使用乙個省略標記 標示物件內文字的溢位。語法 但是text overflow只是用來說明文字溢位時用什麼方式顯示，要實現溢位時產生省略號的效果，還須定義強制文字在一行內顯示 white space nowrap 及溢位內容為隱藏 overflow hidden ...
CSS3 文字與字型
text overflow用來設定是否使用省略標記標示物件內溢位的文字 clip表示剪下，ellipsis表示省略號隱藏 要實現溢位時產生 省略號的效果，還須定義 強制文字在一行內顯示 white space nowrap 及 溢位內容為隱藏 overflow hidden 只有這樣才能實現 溢位文...