| 對字号的控制 |
| 利用HTML你隻能<FONT SIZE=X?>設定7種字号，很令人沮喪，是吧？但等你看完本頁之後，你将會發出一聲長長的WOOOOOOOOOOOW！ 字号 使用font-size 屬性，你可以對文字的尺寸進行無限的控制。 确定這的3種基本方法：
Points, Ems, Pixels, 及其它機關 樣式表可以識别許多種确定一種要素尺寸的不同機關： 第1種， points:
這條代碼告訴浏覽器以16 points（點）的尺寸顯示<P>。 Points是确定文字尺寸非常好的機關，因為它在所有的浏覽器和操作平台上都适用。你唯一需要留意的就是在預設設定下，PC機中顯示的字要比MAC機中顯示的大一些。 如果這一點對你來說很重要的話，你可以利用javascript識别不同人所使用的操作平台，然後根據不同的平台連結相應的CSS檔案。 Points, like all other units, work as small or as big as you want (that was 8 points and 80 points, respectively). 下一個機關，EM:
em 是和point相同的距離機關。在樣式表中，em指母體要素的尺寸。是以，在上例中，所有包含在<P>中的<B>的文字的尺寸将是30points（因為<B>中的找是母體字号（20pt）的1.5倍。 但是，浏覽器對em不是很支援，是以你還是最好用point機關。 下一個機關，pixels:
從網頁設計的角度來說，pixel（象素）是一個非常熟悉的機關，它最大的優點就在于所有的操作平台都支援pixel機關（而對于其它的機關來說，PC機的文字總是顯得比MAC機中大一些。 而其不利之處在于，當你使用pixels機關時，網頁的螢幕顯示不穩定，字型時大時小，甚至有時根本不顯示，而points 機關則沒有這種問題。 其它機關：如果上述機關仍然不符合你的要求，請試試這些機關：
關鍵字 如果你不喜歡使用這些機關，你還可以選擇以關鍵字說明文字尺寸，例：
利用這些參數，Web浏覽器可以自由決定每一種關鍵字所适合的尺寸。例如：在Netscape Communicator中x-large的尺寸為28points，而在IE 4（windows及MAC）中為24points，而在Win 95下的IE 3中為18points。 還要兩種相對尺寸關鍵字：
smaller參數告訴浏覽器将目前文字在關鍵字規格基礎上“縮小一級”，例如，如果large字号的文字應用smaller參數，則其字号變成了midium尺寸。larger參數的作用類似。 （注意：IE 3不支援smaller或larger參數。） 比例參數 設定文字尺寸的第3種辦法就是使用比例參數，例：
這些規則的含義為：使所有包含在<P>中的的<B>文字的尺寸為<P>尺寸設定值的3倍，即45 points。比例參數常用于從母體要素繼承的參數值。 浏覽器對比例參數比較挑剔，是以你必須經常測試。 有了這麼多的選擇是不是很讓人高興呢？由于有了font-size屬性，我們能夠随意調整文字的尺寸，如同以下的例子所示：（每一個字母i都比前一個大5pt） i i i i i i i i i i i i i i 試着用HTML制作這種效果！ |
![web前端布局練手項目[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)