在CSS中，使用font-size屬性來定義字體大小。
語法：
font-size：關鍵字/像素值;
說明：
font-size的屬性值可以有兩種方式，一種是使用關鍵字，如表1；二是使用像素做單位的數值。
這些都是相對浏覽器默認情況下而言。對於這些屬性值，我們完全不需要記憶，大家一定要記住喔。因為我們在實際開發中，比較少使用這種方式來表達字體大小，一般都是采用像素作為單位的數值。之所以給大家講一下，就是讓大家了解一下，以免以後看到別人寫的代碼看不懂。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>font-size屬性</title>
<style type="text/css">
#p1{font-size:small;}
#p2{ font-size:medium;}
#p3{ font-size:large;}
</style>
</head>
<body>
<p id="p1">字體大小為“small（小）”</p>
<p id="p2">字體大小為“medium（正常）”</p>
<p id="p3">字體大小為“large（大）”</p>
</body>
</html>
在浏覽器預覽效果如下：
在中國的大部分主流網站如新浪、網易等中，大部分都是采用px為單位。
px，全稱“pixel”（像素）。px就是一張圖片中最小的點，或者是計算機屏幕最小的點。
舉個例子，下面有一個新浪圖標：
將這個圖標放大n倍如下：
你會發現，原來一張圖片是由很多的小方點組成的，每一個小方點其實就是我們常常所說的一個像素（px）。一台計算機的分辨率是800px×600px指的就是“計算機寬是800個小方點，高是600個小方點”。
px是一個相對單位，它是相對顯示器屏幕分辨率而言的。例如windows系統的分辨率為每英寸96px，mac系統的分辨率為每英寸72px。
對於初學者來說，1px可以看出一個小點，多少px就可以看成多少個小點組成。我們經過CSS入門的錘煉，很快就能掌握像素px這個概念了。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>font-size屬性</title>
<style type="text/css">
#p1{font-size:10px;}
#p2{ font-size: 15px; }
#p3{ font-size:20px;}
</style>
</head>
<body>
<p id="p1">字體大小為10px</p>
<p id="p2">字體大小為15px</p>
<p id="p3">字體大小為20px</p>
</body>
</html>
在浏覽器預覽效果如下：
稍微了解過CSS的朋友都會覺察到，font-size的單位不僅僅只有px，還有em、百分比等等。對於初學者來說，我們僅僅掌握以px單位就行了，如果講解太多，會導致記憶混亂。
如果有一定基礎，想更深入的了解CSS單位，請關注我們即將上線的CSS進階教程。