如何用控制CSS網(wǎng)頁WEB字體如何用控制CSS網(wǎng)頁WEB字體
在開發(fā)網(wǎng)絡(luò)應(yīng)用時,沒有比外觀更重要的事情了。所以,假如發(fā)現(xiàn)設(shè)計職員十分關(guān)注字體及字體大小,我不會感到希奇!
在設(shè)計網(wǎng)絡(luò)應(yīng)用時,您必須決定如何編輯字體。使用CSS時存在大量選項(xiàng),每個開發(fā)者都有自己的喜好。本文主要討論字體大小和網(wǎng)絡(luò)應(yīng)用內(nèi)的操縱。
字體大小
CSS2規(guī)范根據(jù)長度——水平和垂直尺寸——來定義字體。這個長度為一個數(shù)值,前面可能帶一個可選的加(+)或減(-)標(biāo)記符。另外,該數(shù)值后可能有一個可選的單位標(biāo)識符。
另外,CSS2規(guī)范定義了兩個單位類型:盡對單位和相對單位。盡對值指定單位,而相對單位指定一個與另一個值成比例的值。下面的列表列出了相對單位標(biāo)識符:中國農(nóng)業(yè)網(wǎng)
em:元素字體的高度。它與使用該字體的元素的字體大小屬性計算值相等。當(dāng)它出現(xiàn)在字體大小屬性值本身中時,會出現(xiàn)異常,這時它指母元素的字體大小。
ex(x-高度):CSS2規(guī)范將它描述為小寫字母x的高度。
px(像素):它與背景或屏幕的分辨率有關(guān)。根據(jù)顯示器分辨率輸出不同像素,由于用戶的喜好不同,顯示器的分辨率可能會有很大差異。
下面是有效的盡對單位標(biāo)識符:
in(英寸)
cm(厘米)
mm(毫米)
pt(點(diǎn),1點(diǎn)=1/72英寸)
pc(12點(diǎn)活字,1pc=12點(diǎn))
丈量盡對大小的另一種方法是使用衡量一寧波減肥網(wǎng)站個值的比例因數(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ī)范,可以獲得更多字體大小方面的知識。
當(dāng)前位置網(wǎng)站建設(shè)知識 >> 如何用控制CSS網(wǎng)頁WEB字體
如何用控制CSS網(wǎng)頁WEB字體
[來源:寧波分類信息]
[作者:yukko]
[日期:11-11-26]
[閱讀:]
相關(guān)文章
- 網(wǎng)頁圖片的alt屬性設(shè)置小技巧
- html與htm靜態(tài)網(wǎng)頁的不同
- 搜索對用IFRAME框架的網(wǎng)頁很難收錄
- 框架型網(wǎng)頁的排名推廣技巧
- 學(xué)CSS網(wǎng)頁布局排查錯誤出現(xiàn)的方法
- 增加網(wǎng)頁瀏覽量的十大細(xì)節(jié)
- 讓你的網(wǎng)頁靜下來!
- 建網(wǎng)站網(wǎng)頁導(dǎo)覽設(shè)計的九留意
- 現(xiàn)網(wǎng)頁自動刷新
- 北京網(wǎng)站推廣包含著你有關(guān)于你網(wǎng)頁的一..
- 而且能將網(wǎng)頁上的各種元素有機(jī)的組織起..
- 用CSS設(shè)置字體的大小粗細(xì)
- 字體設(shè)計的基本知識1
- SEO的十種技巧-網(wǎng)頁設(shè)計師
- SEO就是網(wǎng)頁規(guī)范化
- 網(wǎng)頁設(shè)計的實(shí)現(xiàn)和設(shè)計原則
最新文章
- 企業(yè)郵局的好處
- 引起網(wǎng)站“節(jié)后綜合癥”的幾個因素分析
- 在網(wǎng)站中放視頻的方法
- 網(wǎng)站建設(shè)之網(wǎng)站備案
- 網(wǎng)頁圖片的alt屬性設(shè)置小技巧
- Div+CSS網(wǎng)站建設(shè)的優(yōu)點(diǎn)
- 提高網(wǎng)站可信度的三要素
- 二級域名與二級目錄的區(qū)別
- 目前最流行的十大網(wǎng)站制作技術(shù)
- 網(wǎng)站制作前先來看看這些所謂的規(guī)范1
- 網(wǎng)站制作、排名推廣全過程記錄
- 多種語言網(wǎng)站制作留意事項(xiàng)
- 建設(shè)外貿(mào)網(wǎng)站需留意四點(diǎn)事項(xiàng)
- 網(wǎng)站制作五大標(biāo)準(zhǔn)
- 網(wǎng)站制作十忌!
- 覽眾談?wù)劸W(wǎng)站制作應(yīng)該了解的一些網(wǎng)站制..