CSS3 文字與字型

2021-09-23 23:33:43 字數 1404 閱讀 7448

應用於陰影文字

語法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能夠載入伺服器端的字型檔案,讓瀏覽...