CSS網(wǎng)頁(yè)設計時(shí)關(guān)于字體大小的設計

　　字體大小

　　CSS2規范根據長(cháng)度——水平和垂直尺寸——來(lái)定義字體海報設計字體大小。這個(gè)長(cháng)度為一個(gè)數值，前面可能帶一個(gè)可選的加(+)或減(-)標記符。另外，該數值后可能有一個(gè)可選的單位標識符。

　　另外，CSS2規范定義了兩個(gè)單位類(lèi)型:絕對單位和相對單位海報設計字體大小。絕對值指定單位，而相對單位指定一個(gè)與另一個(gè)值成比例的值。下面的列表列出了相對單位標識符:

　　em:元素字體的高度海報設計字體大小。它與使用該字體的元素的字體大小屬性計算值相等。當它出現在字體大小屬性值本身中時(shí)，會(huì )出現異常，這時(shí)它指母元素的字體大小。

　　ex(x-高度):CSS2規范將它描述為小寫(xiě)字母x的高度海報設計字體大小。

　　px(像素):它與背景或屏幕的分辨率有關(guān)海報設計字體大小。根據顯示器分辨率輸出不同像素，由于用戶(hù)的喜好不同，顯示器的分辨率可能會(huì )有很大差異。

　　下面是有效的絕對單位標識符:

　　in(英寸)

　　cm(厘米)

　　mm(毫米)

　　pt(點(diǎn)海報設計字體大小，1點(diǎn)=1/72英寸)

　　pc(12點(diǎn)活字海報設計字體大小，1pc=12點(diǎn))

　　測量絕對大小的另一種方法是使用衡量一個(gè)值的比例因數，應用以下關(guān)鍵字:最小、較小、小、中、大、較大和最小海報設計字體大小。中為基值，變小就減去一個(gè)因數，變大就增加一個(gè)因數，等等。CSS2規范定義的比例因數為1.2，這個(gè)值也可能依瀏覽器而變化。

　　還可以應用百分比值來(lái)格式化文本海報設計字體大小。百分比值是一個(gè)可選的標記符，即數字后帶有一個(gè)百分比符號(%)。百分比值總是與另一個(gè)值成比例。就字體而言，它與網(wǎng)頁(yè)的基本字體大小成一定比例。

　　如您所見(jiàn)，有許多方法可完成呈現文本這個(gè)看似簡(jiǎn)單的任務(wù)海報設計字體大小。下面的HTML格式文本(在段落元素中)應用了各種單位標識符。其中所有的值都相等，并假定以72dpi進(jìn)行顯示。

　　以下為引用的內容：

　　html

　　head

　　titleFont Sizing - equal values/title

　　/headbody

　　p style="font-size: 36pt;"Point/p

　　p style="font-size: 3pc;"Pica/p

　　p style="font-size: 0.5in;"Inches/p

　　p style="font-size: 1.27cm;"Centimeters/p

　　p style="font-size: 12.7mm;"Millimeters/p

　　p style="font-size: 300%;"Percentage/p

　　/body

　　/html

　　您可以在這個(gè)列表中增加像素值，但它的值要依環(huán)境而定海報設計字體大小。例如，我的分辨率為1280X1024的手提電腦將顯示與在上表中使用50像素值一致的文本。

　　仔細閱讀前面提到的CSS2規范，可以獲得更多字體大小方面的知識海報設計字體大小?，F在我將討論如何決定在網(wǎng)絡(luò )應用中使用哪種方法。

　　選擇哪一種方法

　　在CSS中有許多和字體有關(guān)的選項，但哪一種最適合在您的網(wǎng)絡(luò )應用中使用呢?絕對大小有許多缺陷，特別是在一致性、靈活性與訪(fǎng)問(wèn)性方面存在問(wèn)題海報設計字體大小。與絕對字體大小相比，任何視力有缺陷的用戶(hù)可使用相對字體大小來(lái)擴大頁(yè)面中的文字，這樣更便于閱讀。因此，開(kāi)發(fā)者經(jīng)常使用相對大小。

　　讓我們來(lái)詳細了解一下相對大小:

　　像素是最通用的大小值海報設計字體大小。多數瀏覽器都支持它，但也并非總是如此。瀏覽器常常將像素當作屏幕像素而非CSS像素來(lái)處理。像素的一個(gè)缺點(diǎn)在于，它忽略或否定用戶(hù)的喜好，且不能在IE中調整大小。

　　許多開(kāi)發(fā)者偏愛(ài)用點(diǎn)來(lái)衡量字體大小，但點(diǎn)主要用于桌面印刷系統，不方便移植到網(wǎng)絡(luò )中海報設計字體大小。在呈現文本時(shí)，操作系統或瀏覽器默認使用像素。

　　最常用的方法是使用em或百分比大小海報設計字體大小。EM可在所有支持調整尺寸的瀏覽器中進(jìn)行調整。Em還與用戶(hù)偏愛(ài)的默認大小有關(guān)。在IE中應用em的結果難以預料。在IE中最好使用百分比來(lái)設定文本大小。

　　下面的例子結合使用em和百分比值來(lái)對文本進(jìn)行格式化海報設計字體大小?；疚谋居冒俜直戎祦?lái)設置，然后用em來(lái)進(jìn)行調整。

　　以下為引用的內容：

　　html

　　head

　　titleDisplay Test/title

　　style type="text/css"

　　body {font: Sans Serif, Arial; font-size: 110 %}

　　/style/headbody

　　p style="font-size: 1.0em;"Basic text./p

　　p style="font-size: 1.5em;"Larger text./p

　　p style="font-size: 0.5em;"smaller text./p

　　/body

　　/html

　　全都與外觀(guān)有關(guān)

　　現有的標準提供許多格式化并呈現網(wǎng)絡(luò )應用中的文本的方法海報設計字體大小。開(kāi)發(fā)者可以很方便地將文本分解成相對和絕對標識符。關(guān)鍵在于保持一致，并徹底檢測解決方案。

021yin.com yumi 54