2013年7月12日星期五

網頁設計文字大小相關的四種設置方法

一、長度單位   網頁設計長度單位分為兩種,一種是相對長度,另一種是絕對長度。   以下為三種相對長度單位:   ◆ em 相對于父物件的大小    ◆ ex 相對於特定字體中的字母x的高度    ◆ px 相對於特定設備的解析度,這是最最常用的單位,也是我們一直堅守的單位。從技術角度來說,px圖元其實是一種相對大小的度量單位,它於特定設備的顯示或列印的解析度有關。例如,一個圖元在被顯示在電腦螢幕上與被列印在紙張上的大小是不同的。   以下為五種絕對長度單位:   絕對長度單位在列印時或在螢幕顯示設備的物理尺寸已知時才比較有用。   ◆ in 英寸    ◆ cm 釐米    ◆ mm 毫米    ◆ pt 點    ◆ pc 12點活字 二、相對大小的關鍵字   相對大小的關鍵字只有兩個值:   ◆ larger    ◆ smaller   這兩個值的設定與父物件的設定值有關。我們可以像理解老式的 那樣來理解它們。它們是設定文字大小的最基本的方式,並會受到上層物件的文字大小定義的影響。 三、絕對大小的關鍵字   這類關鍵字共有7個,他們的實際大小根據不同的流覽器及設備來決定。   ◆ xx-small    ◆ x-small    ◆ small    ◆ medium    ◆ large    ◆ x-large    ◆ xx-large   W3C建立建議流覽器開發公司,將每個關鍵字之間的比例設定為1.5。並推薦讓這個比例保持恒定,媽medium是small的1.5倍。同樣large是medium的1.5倍。 四、百分比   Web Design使用百分比設置大小,將在容器物件文字大小的基礎上進行改變。如果我們設置body的文字大小為10。我們設置p的文字大小為150%,則p的文字大小就為15。不管10是什麼樣的單位,百分比作為一種比例進行縮放調整。

没有评论:

发表评论