设计之家 > 教程 > 網頁教程 > 其他教程 >

網頁設計基礎:文字大小的四種設置方法

作者:佚名 來源:網絡 時間:2007-10-11

一、長度單位

  長度單位分為兩種,一種是相對長度,另一種是絕對長度。

  以下為三種相對長度單位:

  ◆ em 相對于父對象的大小
  ◆ ex 相對于特定字體中的字母x的高度
  ◆ px 相對于特定設備的分辨率,這是最最常用的單位,也是我們一直堅守的單位。從技術角度來說,px像素其實是一種相對大小的度量單位,它于特定設備的顯示或打印的分辨率有關。例如,一個像素在被顯示在計算機屏幕上與被打印在紙張上的大小是不同的。

  以下為五種絕對長度單位:

  絕對長度單位在打印時或在屏幕顯示設備的物理尺寸已知時才比較有用。

  ◆ in 英寸
  ◆ cm 厘米
  ◆ mm 毫米
  ◆ pt 點
  ◆ pc 12點活字

二、相對大小的關鍵字

  相對大小的關鍵字只有兩個值:

  ◆ larger
  ◆ smaller

  這兩個值的設定與父對象的設定值有關。我們可以像理解老式的<small><big>那樣來理解它們。它們是設定文字大小的最基本的方式,并會受到上層對象的文字大小定義的影響。

三、絕對大小的關鍵字

  這類關鍵字共有7個,他們的實際大小根據不同的瀏覽器及設備來決定。

  ◆ xx-small
  ◆ x-small
  ◆ small
  ◆ medium
  ◆ large
  ◆ x-large
  ◆ xx-large

  W3C建立建議瀏覽器開發公司,將每個關鍵字之間的比例設定為1.5。并推薦讓這個比例保持恒定,媽medium是small的1.5倍。同樣large是medium的1.5倍。

四、百分比

  使用百分比設置大小,將在容器對象文字大小的基礎上進行改變。如果我們設置body的文字大小為10。我們設置p的文字大小為150%,則p的文字大小就為15。不管10是什么樣的單位,百分比作為一種比例進行縮放調整。

相關文章:

推薦設計

最新文章