網頁單位: px, pt ,cm ,in 說明 - font-size

目的: 了解網頁單位: px, pt ,cm ,in 

處理說明: 

1>px (1pixel = 1/96*DPI) -像素,螢幕的計量單位, 用於網頁設計，螢幕單位；
    一個100px寬度大小的圖片，在800×600解析度下，要占螢幕寬度的1/8，
    但在1024×768下，則只占約1/10

2>pt (1point = 1/72in)－印刷的計量單位,
    Word設定字體12pt, 無論解析度如何設定, 列印出來的大小都一樣, 即“絕對長度”

     Ex: 欄位高度 0.8cm=0.8/2.54 in  --> *72=22.6pt

3>cm
4>PPI（DPI）：pixel（dot）per inch，每英寸的像素（點）數，表示了“清晰度”，“精度” , 
                            電腦預設值為 96 DPI。螢幕解析度改變(1024*768, 800*600), DPI 即會改變

（附公式：px /DPI= pt / 72)

在網頁設計中，面向用戶的螢幕的基本單位是px，

大部分大型網站，包括Adobe和Microsoft，都是使用px作為單位，

而且在html中，默認的單位就是px，是不是也暗示著px是網頁設計的“內定單位”？

但是在word中，使用pt就相當方便。因為使用Word和Photoshop的主要目的都不是為了螢幕流覽，而是輸出列印。

1>>Word中普通的文檔都用“宋體 9pt”，標題用“黑體 16pt”等等，無論電腦怎麼設置，列印出來永遠就是這麼大。

2>>圖片(100px*100px)

一個100px寬度大小的圖片，在800×600解析度下，要占螢幕寬度的1/8，

但在1024×768下，則只占約1/10。