web字體的大小在css設(shè)計中的重要性

2024-01-22    分類: 網(wǎng)站建設(shè)

在開發(fā)應(yīng)用的時候,沒有什么比外觀更加重要了。所以說,設(shè)計人員十分注重字體的大小! 在開發(fā)應(yīng)用時,沒有比外觀更重要的事情了。所以,如果發(fā)現(xiàn) 設(shè)計人員十分關(guān)注字體及字 在設(shè)計網(wǎng)絡(luò)應(yīng)用時,您必須決定如何編輯字體。使用CSS時存在大量選項,每個開發(fā)人員都有自己的喜好。本文主要討論字體大小和網(wǎng)絡(luò)應(yīng)用內(nèi)的操作。

字體大小 CSS2規(guī)范根據(jù)長度——水平和垂直尺寸——來定義字體。這個長度為一個數(shù)值,前面可能帶一個可選的加(+)或減(-)標(biāo)記符。另外,該數(shù)值后可能有一個可選的單位標(biāo)識符。 另外,CSS2規(guī)范定義了兩個單位類型:絕對單位和相對單位。絕對值指定單位,而相對單位指定一個與另一個值成比例的值。下面的列表列出了相對單位標(biāo)識符:

em:元素字體的高度。它與使用該字體的元素的字體大小屬性計算值相等。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)) 測量絕對大小的另一種方法是使用衡量一個值的比例因數(shù),應(yīng)用以下關(guān)鍵字:最小、較小、小、中、大、較大和最小。中為基值,變小就減去一個因數(shù),變大就增加一個因數(shù),等等。CSS2規(guī)范定義的比例因數(shù)為1.2,這個值也可能依瀏覽器而變化。

還可以應(yīng)用百分比值來格式化文本。百分比值是一個可選的標(biāo)記符,即數(shù)字后帶有一個百分比符號(%)。百分比值總是與另一個值成比例。就字體而言,它與網(wǎng)頁的基本字體大小成一定比例。

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

仔細(xì)閱讀前面提到的CSS2規(guī)范,可以獲得更多字體大小方面的知識?,F(xiàn)在我將討論如何決定在網(wǎng)絡(luò)應(yīng)用中使用哪種方法。

選擇哪一種方法

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

我們一起來了解一下相對的大?。?br />
像素是最通用的大小值。多數(shù)瀏覽器都支持它,但也并非總是如此。瀏覽器常常將像素當(dāng)作屏幕像素而非CSS像素來處理。像素的一個缺點(diǎn)在于,它忽略或否定用戶的喜好,且不能在IE中調(diào)整大小。

許多開發(fā)人員偏愛用點(diǎn)來衡量字體大小,但點(diǎn)主要用于桌面印刷系統(tǒng),不方便移植到網(wǎng)絡(luò)中。在呈現(xiàn)文本時,操作系統(tǒng)或瀏覽器默認(rèn)使用像素。

最常用的方法是使用em或百分比大小。EM可在所有支持調(diào)整尺寸的瀏覽器中進(jìn)行調(diào)整。Em還與用戶偏愛的默認(rèn)大小有關(guān)。在IE中應(yīng)用em的結(jié)果難以預(yù)料。在IE中最好使用百分比來設(shè)定文本大小。

外觀的重要性

現(xiàn)在有很多標(biāo)準(zhǔn)可以提供許多格式化并且呈現(xiàn)網(wǎng)絡(luò)應(yīng)用中文本的技巧。開發(fā)人員可以很快的將文本分解成相對和絕對標(biāo)示符。關(guān)鍵是要保持統(tǒng)一的風(fēng)格,并徹底檢查解決方案。

本文由創(chuàng)新互聯(lián)提供,謝謝大家對創(chuàng)新互聯(lián)的支持!

網(wǎng)站名稱:web字體的大小在css設(shè)計中的重要性
文章分享:http://muchs.cn/news49/314899.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、面包屑導(dǎo)航、商城網(wǎng)站、移動網(wǎng)站建設(shè)服務(wù)器托管、App設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站