Head First HTML與CSS
第八章 增加字體和顏色樣式
CSS——掌控頁面的表現(xiàn)
調整字體大小
指定字體大小的方法有很多逗扒，通常是指定font-size浴韭。
1.按像素指定字體大小。
用像素指定字體大小時失乾，就是在告訴瀏覽器字母高度是多少個像素。在CSS中亿卤，指定像素數(shù)時生百，要先指定一個數(shù)肋坚，后面加“px”。如下：
body{
??????? font-size:14px;
}
設置一個字體的高度為14像素几苍，這代表字母的最低部分與最高部分之間有14像素翻屈。
注意：px必須緊跟在像素數(shù)后面，中間不能有空格妻坝。
2.用%指定相對大小
用像素指定字體大小時伸眶，會明確指出字體有多大。而用一個百分數(shù)指定大小時刽宪，會相對另一個字體大小指出這個字體有多大厘贼。由于font-size是從父元素繼承的一個屬性，指定一個百分數(shù)字體大小時圣拄，就是相對于父元素的字體大小嘴秸。
body{
font-size:14px;
}
h1{
font-size:150%;
}
body為h1的父元素，這里指定的一級標題字體大小為14px的150%也就是21px。
3.使用em指定字體相對大小
類似于百分數(shù)岳掐，em也是一個相對度量單位凭疮。1.3em就相當于130%。
body{
font-size:14px;
}
h1{
font-size:150%;
}
h2{
font-size:1.2em;
}
這里h2的父元素為body串述，因此二級標題的字體大小為1.2乘以14像素执解，約為17px（實際上是16.8px，不過大多數(shù)瀏覽器都會默認四舍五入為17px）纲酗。
4.使用關鍵字指定字體大小
可以把一個字體大小指定為xx-small,x-small,small,medium,large,x-large,xx-large衰腌。
瀏覽器會把這些關鍵字轉換為像素值，它會使用瀏覽器中定義的默認值來完成轉換觅赊。
通常規(guī)則是右蕊，small通常定義為大約12像素，每個大小大約比前一個大20%茉兰。
body{
font-size:small;
}
5.推薦使用的指定字體大小的方法
第一步尤泽，選擇一個關鍵字（推薦small或medium）欣簇，指定它為body規(guī)則中的字體大小规脸，這相當于頁面的默認字體大小。
第二步熊咽，使用em或百分數(shù)莫鸭，相對于body字體大小指定其他元素的字體大小。
好處：便于改變整個頁面的字體大小横殴，需要時被因，只需改變body的字體大小就可以了，頁面上所有字體都會同步調整大小衫仑。
注意：不建議使用像素指定字體大小梨与，一是可用性較差，老版本IE瀏覽器不支持文狱，二是調整大小不方便粥鞋，頁面維護更困難。
6.補充幾點
如果沒有指定字體大小瞄崇，瀏覽器會應用默認字體大小呻粹。大多數(shù)情況下body的默認字體大小為16像素，h1是默認體文本字體大小的200%苏研，h2是150%等浊，h3是120%，h4是100%摹蘑，h5是90%筹燕，h6是60%。
也可以設置body字體大小為相對大小（如1.1em撒踪，120%）踪少，這時將會是默認字體大小的相對值。
改變字體粗細
font-weight允許控制文本的粗細糠涛。
粗體文本：
font-weight:bold;
正常文本（即默認粗細）：
font-weight:normal;
還有兩個相對font-weight屬性：bolder和lighter援奢。
使用這兩個屬性時，會使得文本樣式相對于所繼承的值稍粗或稍細一點忍捡。
h2{
font-weight:bold;
}
為字體增加風格——斜體
在CSS中可以使用font-style屬性為文本增加斜體風格：
font-style:italic;
并不是所有字體都支持斜體風格（italic）集漾，這時我們得到的實際上稱為傾斜（oblique）文本。傾斜文本也是傾斜的砸脊，不過這種字體并非是使用一組專門設計的傾斜字符具篇，而是由瀏覽器將正常文字傾斜。
也可以使用font-style屬性得到傾斜文本凌埂，如下：
font-style:oblique;
取決于我們選擇的字體和瀏覽器驱显，有時這兩種風格看起來是一樣的，有時則不同瞳抓。
今天考完了微生物埃疫，奪命三連還剩兩門，爽喔孩哑！
放假倒計時6天栓霜。
