在印刷排版中,“point”是一個絕對的單位,它等于 1/72 英寸,可以用尺子丈量的,物理的英寸。但在 CSS 中 pt 的含義卻非如此,例如我們指定一個字體是 9pt,我們會以為按照 CSS 規范,它等于:
9 * 1/72 = 1/8 inch
這是一個誤解,因為我們的顯示器被分割為了一個個的像素,單個像素只能有一種顏色 (為了簡化,這里暫不討論次像素反鋸齒技術),要在屏幕上顯示,必須先把以 pt 為單位的長度轉換為以像素為單位的長度,這個轉換的媒介,就是 DPI (事實上,這里的所謂的 DPI,是操作系統和瀏覽器中使用的術語,即為 PPI, pixels per inch,和掃描儀、打印機、數碼相機中的 DPI 是不同的概念)。
例如,無論在哪個操作系統中,Firefox 瀏覽器默認的 DPI 都是 96,那么實際上 9pt = 9 * 1/72 * 96 = 12px。
所以,雖然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”,都不代表物理上的英寸,但這兩個單位互相之間是相等的,也就在相乘中約掉了。
那么,真實的物理長度怎么計算呢?請拿出一把尺子,丈量你的顯示器的可見寬度 (我這里是 11.2992 英寸),除以橫向分辨率 (我這里是 1024 像素),得到的就是每個像素的物理長度。
現在我們可以回答這樣一個問題,網頁上 9pt 的字體究竟占用了多寬的空間?
答案是:
9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米。
CSS相對長度單位(relative length unit)
CSS相對長度單位中的相對二字,表明了其長度單位會隨著它的參考值的變化而變化,不是固定的。
以下是CSS相對長度單位列表:
CSS相對長度單位 說明
em 元素的字體高度The height of the element's font
ex 字母x的高度The height of the letter "x"
px 像素Pixels
% 百分比Percentage
CSS絕對長度單位(absolute length unit)
絕對長度單位是一個固定的值。比如我們常用的有mm,就是毫米的意思。
以下是CSS絕對長度單位列表:
CSS絕對長度單位 說明
in 英寸Inches (1 英寸 = 2.54 厘米)
cm 厘米Centimeters
mm 毫米Millimeters
pt 點Points (1點 = 1/72英寸)
pc 皮卡Picas (1 皮卡 = 12 點)
字號
1. 企業名稱(TRADE NAME):通常指自然人如個體工商戶或個人合伙經營的店名。
2. 名聲
3. 是指印刷用活字的大小,是從活字的字背到字腹的距離。
我國的活字采用以點數制為輔、號數制為主的混合制來計量。
■ 點數制
點數制又叫磅數制,是英文point的音譯,縮寫為P,既不是公制也不是英制,是印刷中專用的尺度。
我國大都使用英美點數制。
1點(1P)=0.35146mm
■ 號數制
號數制是以互不成倍數的幾種活字為標準,加倍或減半自成體系。
字號的大小可以分為以下四個序列。
[*]四號序列:一號、四號、小六號
[*]五號序列:初號、二號、五號、七號
[*]小五號序列:小初號、小二號、小五號、八號
[*]六號序列:三號、六號
■ 號數、點數制對照表
序號 字號 點數 尺寸(mm)
1 72 25.305
2 大特號 63 22.142
3 特號 54 18.979
4 初號 42 14.761
5 小初號 36 12.653
6 大一號 31.5 11.071
7 一(頭)號 28 9.841
8 二號 21 7.381
9