字型樣式屬性

2021-08-19 06:50:06 字數 1580 閱讀 7755

1.font-size:字型大小

相對長度單位

說明em

相對於當前物件內文字的字型尺寸

px畫素,最常用,推薦使用

絕對長度單位

說明in

英吋cm

厘公尺mm

公釐pt

2.font-family:字型

3.font-weight:字型粗細

值描述normal

預設值。定義標準的字元

bold

定義粗體字元

bolder

定義更粗的字元

lighter

定義更細的字元

100~900(100的整數倍)

定義由細到粗的字元。其中400等同於normal,700等同於bold,值越大字型越粗。

4.font-style:字型風格

其中iatlic和oblique都用於定義斜體,兩者在顯示效果上並沒有本質區別,但實際工作中常使用italic。

段落1:使用font屬性綜合設定段落文字的字型風格、字型大小、行高和字型。

段落2:使用font屬性綜合設定段落文字的字型風格、字型大小、行高和字型。由於省略了字型屬性font-family,這時font屬性不起作用。

在font樣式中,不需要設定的屬性可以省略(取預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用。

5.@font-face屬性

@font-face屬性是css3的新增屬性,用於定義伺服器字型。通過@font-face屬性,基本格式如下:

@font-face
font-family用於指定該伺服器字型的名稱,該名稱可以隨意定義;src屬性用於指定該字型檔案的路徑。

十里平湖霜滿天

寸寸青絲愁華年

6.word-wrap屬性

選擇器

描述normal

只在允許的斷字點換行(瀏覽器保持預設處理)

break-word

在長單詞或url位址內部進行換行

word-wrap:normal;

網頁平面ui設計學院

word-wrap:break-word;

網頁平面ui設計學院

可以看出,當瀏覽器預設處理時段落文字中的url位址會溢位邊框,當word-wrap屬性值為break-word時,url位址會沿邊框自動換行。

CSS字型樣式屬性

font size字型大小大小 一般推薦使用相對長度 px em 不推薦使用絕對長度 in,cmm,mm,pt font family字型 1.可以同時指定多個字型,中間用英文狀態的逗號隔開,英文本型一般不需要加引號,中文字型需要新增英文狀態下的引號,當需要設定英文本型時,英文本型必須位於中文字型之...

css字型樣式屬性

font size 字型大小大小 font size 字型大小大小用於設定字型大小,該屬性可以用相對長度單位 也可以使用絕對長度單位。其中相對長度單位比較常用,推薦使用畫素單位px,絕對長度用得相對較少。相對長度單位有 em px,推薦使用px font family 字型設定 font famil...

CSS字型樣式屬性

font size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以是使用苦厄對長度單位。其中,較為常用的是相對長度單位,推薦使用畫素單位px,在實際應用中,絕對長度單位使用較少。使用方法 p 相對長度單位 說明em 相對於當前物件內文字字型的尺寸 px畫素 最常用 絕對長度單位 說明in...