CSS字型樣式屬性

2021-09-09 05:15:57 字數 1221 閱讀 1938

font-size字型大小大小

一般推薦使用相對長度(px ,em),不推薦使用絕對長度(in,cmm,mm,pt)

font-family字型

1.可以同時指定多個字型,中間用英文狀態的逗號隔開,英文本型一般不需要加引號,中文字型需要新增英文狀態下的引號,當需要設定英文本型時,英文本型必須位於中文字型之前

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

3.盡量使用偶數數字字型大小,ie6等老版本瀏覽器支援奇數可能會有bug

4.如果字型名中包括空格,# $等符號,該字型必須加英文狀態下的單引號或者雙引號

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

css unicode字型

在css中設定字型名稱時,中文可以,但是在檔案編碼不匹配時會產生亂碼的錯誤,xp系統不支援類似微軟雅黑這樣的中文

解決方式:

方案一:使用英文代替

方案二:在css中使用unicode編碼

盡量只寫unicode字型

font-weight字型粗細

字型加粗除了使用strong  b標籤以外,還可以使用css,但是css沒有語義

屬性值:normal   bold   bolder   lighter   100-1000(100的整數倍)

400 ===normal   700===bold

更傾向於用數字表示字型粗細

font-style字型風格

字型風格除了使用i  em標籤以外,還可以使用css,但是css沒有語義

屬性值: 

normal   預設值 標準字型樣式

italic     斜體

oblique   斜體

平時很少給字型新增斜體,更喜歡給斜體標籤改為普通模式

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

語法格式:

選擇器

使用font屬性時,必須使用上述語法順序,不能更換順序,各順序以空格隔開

不需要設定的屬性可以省略,必須保留font-size font-family,否則font不起作用

css字型樣式屬性

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

CSS字型樣式屬性

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

CSS字型樣式屬性

1.font size 大小 p 單位 2.font family 字型 p 各種字型之間必須使用英文狀態下的逗號隔開。中文字型需要加英文狀態下的引號,英文本型一般不需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。如果字型名中包含空格 等符號,則該字型必須加英文狀態下的單引號或雙...