<%@LANGUAGE="VBSCRIPT" CODEPAGE="950"%> 拓米數位CSS串接樣式表教學文件
文件標題:[B002]字型樣式之二font-size文字大小 

內容說明:

1、字型樣式font-size
A、絕對大小
B、相對大小
C、絕對長度
D、百分比

教學內容:

1、字型樣式 font-size

A、絕對大小:定義的絕對大小,有七個樣式值

style="font-size:樣式值"

樣式值 意義 範例
xx-small   這麼大
x-small   這麼大
small   這麼大
medium 預設 這麼大
large   這麼大
x-large   這麼大
xx-large   這麼大

B、相對大小:相對於目前網頁的文字大小,有二個樣式值

style="font-size:樣式值"

樣式值 意義 範例
smaller 小點兒 這麼大
larger 大點兒 這麼大

C、絕對長度:以不同的單位自訂文字大小,有八種度量單位

style="font-size:樣式值"

度量單位 意義
px 像素(pixel)
pt 點(point),一點是1/72英吋
pc pica,1pica是1/6英吋
in 英吋
cm 公分
mm 公厘
em 字型的大寫字母M的寬度
ex 字型的小寫字母x的高度

 

範例 語法 效果
px style="font-size:20px" 這麼大
pt style="font-size:50pt" 這麼大
pc style="font-size:10pc" 這麼大
in style="font-size:1in" 這麼大
cm style="font-size:2cm" 這麼大
mm style="font-size:15mm" 這麼大
em style="font-size:5em" 這麼大
ex style="font-size:5ex" 這麼大

D、百分比:依目前網頁預設字型大小的百分比

style="font-size:樣式值"

樣式值 意義 範例
100% 預設 這麼大
200%   這麼大
500%   這麼大

 

   
   最後修改日期: 2003年10月8日