^{<noscript id="mgjfn"></noscript>}

CSS根據用戶需求設置網頁字體大小

2024-07-11 08:24:22

字體：大中小

來源：轉載

供稿：網友

在進行CSS頁頁布局時，頁面的外觀很重要，但也需要考慮字體與文字大小的問題，在Vevb.com中也有過相關的介紹。如果發現設計人員十分關注字體及字體大小，我并不感到驚奇。使用CSS來編輯字體有各種各樣的方法，每位設計師都會有自己偏愛的設計習慣，但必須選擇更能提高　　在進行CSS頁頁布局時，頁面的外觀很重要，但也需要考慮字體與文字大小的問題，在Vevb.com中也有過相關的介紹。如果發現設計人員十分關注字體及字體大小，我并不感到驚奇。使用CSS來編輯字體有各種各樣的方法，每位設計師都會有自己偏愛的設計習慣，但必須選擇更能提高用戶體驗的方法。今天錯新站長站將集中討論字體大小的控制來體現更多的用戶體驗。
　　字體大小
　　CSS2規范中關于水平和垂直尺寸來定義字體的長度。這個長度為一個數值，前面可能帶一個可選的加( )或減(-)標記符。另外，該數值后可能有一個可選的單位標識符。
　　另外，CSS2規范定義了兩個單位類型:絕對單位和相對單位。絕對值指定單位，而相對單位指定一個與另一個值成比例的值。下面的列表列出了相對單位標識符:
　　
　　em:字體的高度,相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置，則相對于瀏覽器的默認字體尺寸(16px)。
　　ex(x-高度):CSS2規范將它描述為小寫字母x的高度。
　　px(像素):它與背景或屏幕的分辨率有關。根據顯示器分辨率輸出不同像素，由于用戶的喜好不同，顯示器的分辨率可能會有很大差異。
　　下面是有效的絕對單位標識符:
in(英寸)
cm(厘米)
mm(毫米)
pt(點，1點=1/72英寸)
pc(12點活字，1pc=12點)
　　測量絕對大小的另一種方法是使用衡量一個值的比例因數，應用以下關鍵字:最小、較小、小、中、大、較大和最小。中為基值，變小就減去一個因數，變大就增加一個因數，等等。CSS2規范定義的比例因數為1.2，這個值也可能依瀏覽器而變化。
　　還可以應用百分比值來格式化文本。百分比值是一個可選的標記符，即數字后帶有一個百分比符號(%)。百分比值總是與另一個值成比例。就字體而言，它與網頁的基本字體大小成一定比例。
　　如您所見，有許多方法可完成呈現文本這個看似簡單的任務。下面的HTML格式文本(在段落元素中)應用了各種單位標識符。其中所有的值都相等，并假定以72dpi進行顯示。
<html>
<head>
<title>FontSizing-equalvalues[m.survivalescaperooms.com]</title>
</head>
<body>
<pstyle=”font-size:36pt;”>Point</p>
<pstyle=”font-size:3pc;”>Pica</p>

上一篇：IE和Firefox瀏覽器CSS網頁布局不同點

下一篇：完美網頁應該適應不同人群