如何用控制CSS網(wǎng)頁(yè)WEB字體
在開發(fā)網(wǎng)絡(luò)應(yīng)用時(shí)，沒有比外觀更重要的事情了。所以，如果發(fā)現(xiàn)設(shè)計(jì)人員十分關(guān)注字體及字體大小，我不會(huì)感到奇怪！
在設(shè)計(jì)網(wǎng)絡(luò)應(yīng)用時(shí)，您必須決定如何編輯字體。使用CSS時(shí)存在大量選項(xiàng)，每個(gè)**都有自己的喜好。本文主要討論字體大小和網(wǎng)絡(luò)應(yīng)用內(nèi)的操作。
字體大小
CSS2規(guī)范根據(jù)長(zhǎng)度——水平和垂直尺寸——來定義字體。這個(gè)長(zhǎng)度為一個(gè)數(shù)值，前面可能帶一個(gè)可選的加（+）或減（-）標(biāo)記符。另外，該數(shù)值后可能有一個(gè)可選的單位標(biāo)識(shí)符。
另外，CSS2規(guī)范定義了兩個(gè)單位類型：更對(duì)單位和相對(duì)單位。更對(duì)值指定單位，而相對(duì)單位指定一個(gè)與另一個(gè)值成比例的值。下面的列表列出了相對(duì)單位標(biāo)識(shí)符：
em：元素字體的高度。它與使用該字體的元素的字體大小屬性計(jì)算值相等。當(dāng)它出現(xiàn)在字體大小屬性值本身中時(shí)，會(huì)出現(xiàn)異常，這時(shí)它指母元素的字體大小。
ex（x-高度）：CSS2規(guī)范將它描述為小寫字母x的高度。
px（像素）：它與背景或屏幕的分辨率有關(guān)。根據(jù)顯示器分辨率輸出不同像素，由于用戶的喜好不同，顯示器的分辨率可能會(huì)有很大差異。
下面是有效的更對(duì)單位標(biāo)識(shí)符：
in（英寸）
cm（厘米）
mm（毫米）
pt（點(diǎn)，1點(diǎn)=1/72英寸）
pc（12點(diǎn)活字，1pc=12點(diǎn)）
測(cè)量更對(duì)大小的另一種方法是使用衡量一個(gè)值的比例因數(shù)，應(yīng)用以下關(guān)鍵字：更小、較小、小、中、大、較大和更小。中為基值，變小就減去一個(gè)因數(shù)，變大就增加一個(gè)因數(shù)，等等。CSS2規(guī)范定義的比例因數(shù)為1.2，這個(gè)值也可能依瀏覽器而變化。
還可以應(yīng)用百分比值來格式化文本。百分比值是一個(gè)可選的標(biāo)記符，即數(shù)字后帶有一個(gè)百分比符號(hào)(%)。百分比值總是與另一個(gè)值成比例。就字體而言，它與網(wǎng)頁(yè)的基本字體大小成一定比例。
如您所見，有許多方法可完成呈現(xiàn)文本這個(gè)看似簡(jiǎn)單的任務(wù)。下面的HTML格式文本（在段落元素中）應(yīng)用了各種單位標(biāo)識(shí)符。其中所有的值都相等，并假定以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>
您可以在這個(gè)列表中增加像素值，但它的值要依環(huán)境而定。例如，我的分辨率為1280X1024的手提電腦將顯示與在上表中使用50像素值一致的文本。
仔細(xì)閱讀前面提到的CSS2規(guī)范，可以獲得更多字體大小方面的知識(shí)。
如何用控制CSS網(wǎng)頁(yè)WEB字體，希望能與大家多多交流，謝謝！
查看更多寧波網(wǎng)站建設(shè)如何用字體網(wǎng)頁(yè)
自然排名 點(diǎn)擊多少均不要錢喲！
