font-size 字型大小大小 一般推薦使用相對長度(px ,em),不推薦使用絕對長度(in,cmm,mm,pt) font-family 字體 1.可以同時指定多個字體,中間用英文狀態的逗號隔開,英文字體一般不需要加引號,中文字體需要添加英文狀態下的引號,當需要設置英文字體時,英文字體必須位於中文 ...
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-style font-weight font-size/line-height font-family}
使用font屬性時,必須使用上述語法順序,不能更換順序,各順序以空格隔開
不需要設置的屬性可以省略,必須保留font-size font-family,否則font不起作用