我們都知道在css中對字體的設(shè)置有字號(font-size),字體(font-family)大渤。對字號我們并不陌生刻剥。下面我們來說一下字體剔应。
一助赞、字體font-family
1.網(wǎng)頁中不是所有字體都能用哦效斑,因?yàn)檫@個(gè)字體要看用戶的電腦里面裝沒裝非春,比如你設(shè)置:
1font-family: "華文彩云";
如果用戶電腦里面沒有這個(gè)字體,那么就會變成宋體缓屠。
在網(wǎng)頁中奇昙,我們只使用:微軟雅黑,黑體敌完,宋體储耐,對應(yīng)的英語為:Arial,Times New Roman滨溉。如果頁面中需要其他字體什湘,則需要切圖。
2.為了防止用戶電腦里面晦攒,沒有微軟雅黑這個(gè)字體闽撤。就要用英語的逗號,隔開備選字體脯颜,
就是說如果用戶電腦里面哟旗,沒有安裝微軟雅黑字體,那么就是宋體:
1font-family: "微軟雅黑","宋體";
備選字體可以有無數(shù)個(gè)栋操,用逗號隔開闸餐。
3.如果在一個(gè)頁面中既需要設(shè)置英語字體,又需要設(shè)置中文字體.
我們要將英語字體讼庇,放在最前面绎巨,這樣所有的中文,就不能匹配英語字體蠕啄,就自動的變?yōu)楹竺娴闹形淖煮w:
1font-family: "Times New Roman","微軟雅黑","宋體";
4.所有的中文字體场勤,都有英語別名,我們也要知道:
微軟雅黑的英語別名:
1font-family: "Microsoft YaHei";
宋體的英語別名:
1font-family: "SimSun";
我們可以通過一句代碼來設(shè)置字號歼跟,行高和字體
運(yùn)行結(jié)果:
font:16px/20px "Times New Roman","微軟雅黑","宋體";表示的意思是字號位16px和媳,行高為20px,英文字體為"Times New Roman",如果電腦里有微軟雅黑字體哈街,中文字體會自動匹配為微軟雅黑留瞳,否則為宋體
下面我們來看一下,頁面的背景顏色
二骚秦、背景顏色(background-color)
css的背景顏色有3中表示方法她倘,分別是英語單詞璧微,rgb,十六進(jìn)制
用這三種方式表示紅色:
background-color:red;
background-color: rgb(255,0,0);
background-color: #ff0000;