CSS字型樣式屬性

2021-10-06 11:22:38 字數 1866 閱讀 2718

font-size:字型大小

•說明用於設定字型大小,屬性的值推薦使用畫素單位px或者em

px是畫素單位,em是相對單位

•語法

•注意

1.屬性值為數值型時,必須給屬性值加單位,屬性值為0時除外。

2.單位還可以是1em ,根據父元素值來確定;

font-family:字型

•說明用於設定字型型別,網頁中常用的字型有宋體、微軟雅黑(microsoft yahei)、黑體等。

•語法

p
可以同時指定多個字型,中間以英文逗號隔開,如果瀏覽器不支援第乙個字型,則會嘗試下乙個,直到找到合適的字型。

•注意

1.當字型是中文字型時需加引號。

2.當需要設定英文本型時,英文本型名必須位於中文字型名之前。

3.當字型名中有空格、#、$等特殊符號時,則字型必須加英文狀態下的單引號或雙引號,例如font-family: 「times new roman」。

4.windows中文版本作業系統下,中文預設字型為宋體或者新宋體,英文本型預設為arial。

css unicode字型

•說明在 css 中設定字型名稱,可以直接寫中文,但是在檔案編碼(gb2312、utf-8 等)不匹配時會產生亂碼的問題。比如,xp系統就不支援微軟雅黑的中文寫法,處理方式:

1.英文名稱來替代, 比如 font-family:「microsoft yahei」。

2.用 unicode 編碼來寫字型名稱,瀏覽器是可以正確的解析的。比如,「微軟雅黑」的unicode是 font-family: 「\5fae\8f6f\96c5\9ed1」。

•字型對應的unicode 編碼

font-weight:字型粗細

•說明字型加粗除了用 b 和 strong 標籤之外,可以使用css 來實現,但是css 是沒有語義的。

•語法

font-weight屬性用於定義字型的粗細,值:bolder(更粗的)、bold(加粗)、normal(常規)、100~900(100的整數倍)。

•在css規範中,把字型的粗細分為9個等級,其中100對應最輕的字型變形,而900對應最重的字型變形。 100-500常規字型, 600-900加粗字型。

•注意數字 400 等價於 normal, 700 等價於 bold,實際開發中我們更喜歡用數字來表示。

font-style:字型風格

•說明字型傾斜除了用 i 和 em 標籤之外,可以使用css 來實現,但是css 是沒有語義的。

在css規範中,font-style屬性用於定義字型風格,如設定斜體、傾斜或正常字型。

•語法

其可用屬性值如下:

normal:預設值,設定標準字型樣式

italic:設定斜體樣式

oblique:設定傾斜的樣式

不過oblique的幅度要大一點。但一般瀏覽器對它們的區分不是很明顯。

font:綜合設定字型樣式 (重點)

•說明font屬性用於對字型樣式進行綜合設定

選擇器•注意

1.使用font屬性時,必須按上面語法格式中的順序書寫,不能更換順序,各個屬性以空格隔開。

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

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...