如何用控制CSS網(wǎng)頁(yè)WEB字體如何用控制CSS網(wǎng)頁(yè)WEB字體
在開(kāi)發(fā)網(wǎng)絡(luò)應(yīng)用時(shí),沒(méi)有比外觀更重要的事情了。所以,假如發(fā)現(xiàn)設(shè)計(jì)職員十分關(guān)注字體及字體大小,我不會(huì)感到希奇!
在設(shè)計(jì)網(wǎng)絡(luò)應(yīng)用時(shí),您必須決定如何編輯字體。使用CSS時(shí)存在大量選項(xiàng),每個(gè)開(kāi)發(fā)者都有自己的喜好。本文主要討論字體大小和網(wǎng)絡(luò)應(yīng)用內(nèi)的操縱。
字體大小
CSS2規(guī)范根據(jù)長(zhǎng)度——水平和垂直尺寸——來(lái)定義字體。這個(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í)符:中國(guó)農(nóng)業(yè)網(wǎng)
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))
丈量盡對(duì)大小的另一種方法是使用衡量一寧波減肥網(wǎng)站個(gè)值的比例因數(shù),應(yīng)用以下關(guān)鍵詞:最小、較小、小、中、大、較大和最小。中為基值,變小就減往一個(gè)因數(shù),變大就增加一個(gè)因數(shù),等等。CSS2規(guī)范定義的比例因數(shù)為1.2,這個(gè)值也可能依瀏覽器而變化。
還可以應(yīng)用百分比值來(lái)格式化文本。百分比值是一個(gè)可選的標(biāo)記符,即數(shù)字后帶有一個(gè)百分比符號(hào)(%)。百分比值總是與另一個(gè)值成比例。就字體而言,它與網(wǎng)頁(yè)的基本字體大小成一定比例。
如您所見(jiàn),有很多方法可完成呈現(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í)。
當(dāng)前位置網(wǎng)站建設(shè)知識(shí) >> 如何用控制CSS網(wǎng)頁(yè)WEB字體
如何用控制CSS網(wǎng)頁(yè)WEB字體
上一頁(yè):網(wǎng)站制作中有哪些關(guān)鍵技巧
[來(lái)源:寧波分類信息]
[作者:yukko]
[日期:11-11-26]
[閱讀:]
相關(guān)文章
- 網(wǎng)頁(yè)圖片的alt屬性設(shè)置小技巧
- html與htm靜態(tài)網(wǎng)頁(yè)的不同
- 搜索對(duì)用IFRAME框架的網(wǎng)頁(yè)很難收錄
- 框架型網(wǎng)頁(yè)的排名推廣技巧
- 學(xué)CSS網(wǎng)頁(yè)布局排查錯(cuò)誤出現(xiàn)的方法
- 增加網(wǎng)頁(yè)瀏覽量的十大細(xì)節(jié)
- 讓你的網(wǎng)頁(yè)靜下來(lái)!
- 建網(wǎng)站網(wǎng)頁(yè)導(dǎo)覽設(shè)計(jì)的九留意
- 現(xiàn)網(wǎng)頁(yè)自動(dòng)刷新
- 北京網(wǎng)站推廣包含著你有關(guān)于你網(wǎng)頁(yè)的一..
- 而且能將網(wǎng)頁(yè)上的各種元素有機(jī)的組織起..
- 用CSS設(shè)置字體的大小粗細(xì)
- 字體設(shè)計(jì)的基本知識(shí)1
- SEO的十種技巧-網(wǎng)頁(yè)設(shè)計(jì)師
- SEO就是網(wǎng)頁(yè)規(guī)范化
- 網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)和設(shè)計(jì)原則
最新文章
- 企業(yè)郵局的好處
- 引起網(wǎng)站“節(jié)后綜合癥”的幾個(gè)因素分析
- 在網(wǎng)站中放視頻的方法
- 網(wǎng)站建設(shè)之網(wǎng)站備案
- 網(wǎng)頁(yè)圖片的alt屬性設(shè)置小技巧
- Div+CSS網(wǎng)站建設(shè)的優(yōu)點(diǎn)
- 提高網(wǎng)站可信度的三要素
- 二級(jí)域名與二級(jí)目錄的區(qū)別
- 目前最流行的十大網(wǎng)站制作技術(shù)
- 網(wǎng)站制作前先來(lái)看看這些所謂的規(guī)范1
- 網(wǎng)站制作、排名推廣全過(guò)程記錄
- 多種語(yǔ)言網(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)站制..