應用於陰影文字
語法text-shadow:h-shadow(水平陰影) v-shadow(垂直陰影) blur(陰影) color;blur屬性值不能為負
text-outline屬性,規定文字輪廓
語法:text-outline:thickness blur color; 目前任何主流瀏覽器都不支援該屬性
規定自動換行的處理方法,是換行規則,中英文效果不一樣
語法:word-break:normal / break-all / keep-all;
語法:word-wrap:normal / break-word;
使用break-word可將長單詞或者鏈結切斷換行,對中文不起效果。
規定如何對齊文字的最後一行
語法:text-alignl-last:auto / left / right / center / justify / start / end / initial / inherit;
start:最後一行與上文的對齊方式相同。end:最後一行與上文的對齊方式相反,比如上面左對齊,則最後一行右對齊。
相容性:firefox中需要加上字首-moz
注意:text-align-last屬性只有在text-align屬性設定為「justify」時才起作用。
規定當文字溢位包含元素時發生的事情
語法:text-overflow:clip(裁掉,溢位的部分不顯示) / ellipsis(最後顯示三個點,省略號) /string(自定義乙個符號,最後乙個只有火狐瀏覽器支援);
該屬性生效的前提時有乙個 overflow:hidden;屬性。
@font-face是css3的一種模組,使**的開發不侷限於安全的字型,可以使用@font-face引入特殊字型。把字型檔案也引入伺服器中
@font-face
yourwebfontname:自定義的字型名稱,將被引用到web元素中的font-family。
source:自定義的字型的存放路徑,可以是相對路徑也可以是絕對路徑,建議使用相對路徑。
format:自定義字型的格式,主要用來幫助瀏覽器識別。
.ttf字型是windows和mac的最常見的字型,是一種raw格式,因此它不為**優化
.otf字型被認為是一種原始的字型格式,其內建在truetype的基礎上,所以也提供了更多的功能,不相容ie瀏覽器。
.woff字型是web字型中最佳格式,它是乙個開放的truetype / opentype的壓縮版本,同時也支援元資料報的分離。不相容ios手機瀏覽器
.eot字型是ie專用字型,可以從truetype建立此格式字型,只相容ie瀏覽器
.svg字型是基於svg字型渲染的一種格式
//模板:
@font-face
**:fontsquirrel CSS3文字與字型
text overflow用來設定是否使用乙個省略標記 標示物件內文字的溢位。語法 但是text overflow只是用來說明文字溢位時用什麼方式顯示,要實現溢位時產生省略號的效果,還須定義強制文字在一行內顯示 white space nowrap 及溢位內容為隱藏 overflow hidden ...
CSS3 文字與字型
text overflow用來設定是否使用省略標記標示物件內溢位的文字 clip表示剪下,ellipsis表示省略號隱藏 要實現溢位時產生 省略號的效果,還須定義 強制文字在一行內顯示 white space nowrap 及 溢位內容為隱藏 overflow hidden 只有這樣才能實現 溢位文...
css3文字與字型
恢復內容開始 1 text overflow 用來設定是否使用省略標記 必須和 white space nowrap 同時使用white space nowrap 強制文字在一行顯示 word wrap 設定在長單詞或 url位址內部進行換行 2 font face能夠載入伺服器端的字型檔案,讓瀏覽...