CSS字型樣式屬性

2021-10-25 09:17:29 字數 1268 閱讀 5320

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

font-family屬性用於設定字型。網頁中常用的字型有宋體、微軟雅黑、黑體等,例如將網頁中所有段落文字的字型設定為微軟雅黑,可以使用如下css樣式**:

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

常用技巧

現在網頁中普遍使用14px+。

盡量使用偶數的數字字型大小。ie6等老式瀏覽器支援奇數會有bug。

各種字型之間必須使用英文狀態下的逗號隔開。

中文字型需要加英文狀態下的引號,英文本型一般不需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。

如果字型名中包含空格、#、$等符號,則該字型必須加英文狀態下的單引號或雙引號,例如font-family: 「times new roman」;。

盡量使用系統預設字型,保證在任何使用者的瀏覽器中都能正確顯示。

在 css 中設定字型名稱,直接寫中文是可以的。但是在檔案編碼(gb2312、utf-8 等)不匹配時會產生亂碼的錯誤。xp 系統不支援 類似微軟雅黑的中文。

方案一: 你可以使用英文來替代。 比如 font-family:「microsoft yahei」。

方案二: 在 css 直接使用 unicode 編碼來寫字型名稱可以避免這些錯誤。使用 unicode 寫中文字型名稱,瀏覽器是可以正確的解析的。 font-family: 「\5fae\8f6f\96c5\9ed1」,表示設定字型為「微軟雅黑」。

注意:為了照顧不同電腦的字型安裝問題,我們盡量只使用宋體和微軟雅黑中文字型。

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

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

數字 400 等價於 normal,而 700 等價於 bold。 但是我們更喜歡用數字來表示。

font屬性用於對字型樣式進行綜合設定,其基本語法格式如下:

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

注意:其中不需要設定的屬性可以省略(取預設值),但必須保留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...