body
{
font-family:Verdana,Geneva,Arial,sans-serif;
}//四種字體優(yōu)先級按順序矮锈,如果前一種用戶沒有霉翔,則使用下一種,最后是默認(rèn)的
字體苞笨。
如果我們想讓用戶使用服務(wù)器中預(yù)存的字體债朵,需要使用@font-face:
加載:
@font-face{font-family:"emblema one"; //這個(gè)名字是自己起的子眶,最好與字體名字相同。
src:url("http://...com/../.../../emblemaone-regular.woff"),
url("http://...com/../.../../emblemaone-regular.ttf");
}
//.woff和.ttf就是字體文件序芦,他們儲存在服務(wù)器中臭杰,不同的后綴為了,適應(yīng)不同的瀏覽器谚中。瀏覽器會加載每一個(gè)渴杆,直到找到支持的。
使用:
h1{
font-family:"emblema one",sans-serif;
}
字體大小
body{font-size:small;}//small是關(guān)鍵字直接確定字體大小宪塔,
類似的方式有直接確定像素:如14px等等磁奖。
h1{font-size:150%;}
h2{font-size:1.2em;}
h1某筐,h2都是以父類字體大小作為基礎(chǔ)比搭,確定大小。
只需要改變body字體大小南誊,其他字體隨之改變身诺。
{line-height:1.6em;}//調(diào)整行高為字體的1.6倍。
字體粗細(xì)
body{font-weight:bold;}//加粗弟疆。
h1{font-weight:normal;}//使加粗的字體恢復(fù)正常戚长。
字體樣式:
font-style:italic;
font-style:oblique;
//字體傾斜與文本傾斜,很難看出區(qū)別怠苔。
顏色:
body
{//與顏色相關(guān)的集中表達(dá)方式
background-color:sliver;
background-color:rgb(80%,40%,0%);//紅綠藍(lán)三元色同廉。
background-color:rgb(204,102,0);//紅綠藍(lán)三原色。
background-color: #cc6600;//十六進(jìn)制表示顏色的辦法柑司。
}
文本裝飾:
body{
text-decoration:line-through;//文本中間穿過橫線迫肖。
text-decoration:overline underline;//上下劃線,想要同時(shí)疊加攒驰,必須在一起聲明蟆湖。
text-decoration:none;//取消裝飾。
QQ20160425-0@2x.png
QQ20160425-1@2x.png