作為一個專業(yè)的網(wǎng)頁設(shè)計師,在設(shè)計網(wǎng)站時,您必須決定如何編輯字體。使用CSS時存在大量選項,每個開發(fā)者都有自己的喜好。本文主要討論字體大小和網(wǎng)絡(luò)應(yīng)用內(nèi)的操作。
字體大小
CSS2規(guī)范根據(jù)長度——水平和垂直尺寸——來定義字體。這個長度為一個數(shù)值,前面可能帶一個可選的加(+)或減(-)標(biāo)記符。另外,該數(shù)值后可能有一個可選的單位標(biāo)識符。 另外,CSS2規(guī)范定義了兩個單位類型:絕對單位和相對單位。絕對值指定單位,而相對單位指定一個與另一個值成比例的值。下面的列表列出了相對單位標(biāo)識符:
em:元素字體的高度。它與使用該字體的元素的字體大小屬性計算值相等。當(dāng)它出現(xiàn)在字體大小屬性值本身中時,會出現(xiàn)異常,這時它指母元素的字體大小。 ex(x-高度):CSS2規(guī)范將它描述為小寫字母x的高度。 px(像素):它與背景或屏幕的分辨率有關(guān)。根據(jù)顯示器分辨率輸出不同像素,由于用戶的喜好不同,顯示器的分辨率可能會有很大差異。
下面是有效的絕對單位標(biāo)識符: in(英寸) cm(厘米) mm(毫米) pt(點,1點=1/72英寸) pc(12點活字,1pc=12點)
測量絕對大小的另一種方法是使用衡量一個值的比例因數(shù),應(yīng)用以下關(guān)鍵字:最小、較小、小、中、大、較大和最小。中為基值,變小就減去一個因數(shù),變大就增加一個因數(shù),等等。CSS2規(guī)范定義的比例因數(shù)為1.2,這個值也可能依瀏覽器而變化。 還可以應(yīng)用百分比值來格式化文本。百分比值是一個可選的標(biāo)記符,即數(shù)字后帶有一個百分比符號(%)。百分比值總是與另一個值成比例。就字體而言,它與網(wǎng)頁的基本字體大小成一定比例。 如您所見,有許多方法可完成呈現(xiàn)文本這個看似簡單的任務(wù)。下面的HTML格式文本(在段落元素中)應(yīng)用了各種單位標(biāo)識符。其中所有的值都相等,并假定以72dpi進(jìn)行顯示。 <html><head> <title>Font Sizing - equal values</title> </head> <body> <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> 您可以在這個列表中增加像素值,但它的值要依環(huán)境而定。例如,我的分辨率為1280X1024的手提電腦將顯示與在上表中使用50像素值一致的文本。 仔細(xì)閱讀前面提到的CSS2規(guī)范,可以獲得更多字體大小方面的知識,F(xiàn)在我將討論如何決定在網(wǎng)絡(luò)應(yīng)用中使用哪種方法。
[1] [2] 下一頁 |