CSS中font-size屬性值四大種類

    本文和大家重點學習一下CSS中font-size屬性值四大種類，我們用px作爲文字大小的單位，已經出現很多問題，現在IE瀏覽器是主流，但我們不能通過瀏覽器設置文字大小，因爲我們用px作爲文字大小的單位。


    CSS中font-size屬性值四大種類


    我們逐漸意識到，我們用px作爲文字大小的單位，已經出現很多問題。最主要是體現在用戶不能靈活的控制文字的大小，現在IE瀏覽器是主流，但我們不能通過瀏覽器設置文字大小，因爲我們用px作爲文字大小的單位。


    對於大多數用戶來說或許這並無不妥，但對於年齡稍大及眼力不佳的訪客來說，他們不能按他們的意願，通過瀏覽器來改變文字的大小。我們以“用戶至上”爲原則，我們應該採取一種策略，不要求通過px爲單位獲得100%的精確性，我們需要獲得更大的瀏覽器的可伸縮性與易用性，靈活的滿足訪客的需要。關於這類話題我們在以後51cto.com的教程中，與大家再進行深入的探討。我們今天對font-size屬性的值進行一些分析，看從中我們能得到一些什麼啓示。


    一、長度單位


    長度單位分爲兩種，一種是相對長度，另一種是絕對長度。


    以下爲三種相對長度單位：


    ◆em相對於父對象的大小


    ◆ex相對於特定字體中的字母x的高度


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


    以下爲五種font-size屬性值絕對長度單位：


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


    ◆in英寸


    ◆cm釐米


    ◆mm毫米


    ◆pt點


    ◆pc12點活字


    二、相對大小的關鍵字


    font-size屬性值相對大小的關鍵字只有兩個值：


    ◆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倍。


    四、百分比


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


    我們可以從更深層次去思考，我們將在51cto.com以後的文章中進行發佈，面對這些定義文字大小屬性值的單位，我們如何爲用戶提供一個靈活的瀏覽環境，並允許他們按他們的意願來控制文字的大小以更方便於瀏覽。