在印刷排版中,“point”是一個(gè)絕對的單位,它等于 1/72 英寸,可以用尺子丈量的,物理的英寸。但在 CSS 中 pt 的含義卻非如此,例如我們指定一個(gè)字體是 9pt,我們會(huì)以為按照 CSS 規(guī)范,它等于:
9 * 1/72 = 1/8 inch
這是一個(gè)誤解,因?yàn)槲覀兊娘@示器被分割為了一個(gè)個(gè)的像素,單個(gè)像素只能有一種顏色 (為了簡化,這里暫不討論次像素反鋸齒技術(shù)),要在屏幕上顯示,必須先把以 pt 為單位的長度轉(zhuǎn)換為以像素為單位的長度,這個(gè)轉(zhuǎn)換的媒介,就是 DPI (事實(shí)上,這里的所謂的 DPI,是操作系統(tǒng)和瀏覽器中使用的術(shù)語,即為 PPI, pixels per inch,和掃描儀、打印機(jī)、數(shù)碼相機(jī)中的 DPI 是不同的概念)。
例如,無論在哪個(gè)操作系統(tǒng)中,F(xiàn)irefox 瀏覽器默認(rèn)的 DPI 都是 96,那么實(shí)際上 9pt = 9 * 1/72 * 96 = 12px。
所以,雖然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”,都不代表物理上的英寸,但這兩個(gè)單位互相之間是相等的,也就在相乘中約掉了。
那么,真實(shí)的物理長度怎么計(jì)算呢?請拿出一把尺子,丈量你的顯示器的可見寬度 (我這里是 11.2992 英寸),除以橫向分辨率 (我這里是 1024 像素),得到的就是每個(gè)像素的物理長度。
現(xiàn)在我們可以回答這樣一個(gè)問題,網(wǎng)頁上 9pt 的字體究竟占用了多寬的空間?
答案是:
9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米。
CSS相對長度單位(relative length unit)
CSS相對長度單位中的相對二字,表明了其長度單位會(huì)隨著它的參考值的變化而變化,不是固定的。
以下是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)
絕對長度單位是一個(gè)固定的值。比如我們常用的有mm,就是毫米的意思。
以下是CSS絕對長度單位列表:
CSS絕對長度單位 說明
in 英寸Inches (1 英寸 = 2.54 厘米)
cm 厘米Centimeters
mm 毫米Millimeters
pt 點(diǎn)Points (1點(diǎn) = 1/72英寸)
pc 皮卡Picas (1 皮卡 = 12 點(diǎn))
字號
1. 企業(yè)名稱(TRADE NAME):通常指自然人如個(gè)體工商戶或個(gè)人合伙經(jīng)營的店名。
2. 名聲
3. 是指印刷用活字的大小,是從活字的字背到字腹的距離。
我國的活字采用以點(diǎn)數(shù)制為輔、號數(shù)制為主的混合制來計(jì)量。
■ 點(diǎn)數(shù)制
點(diǎn)數(shù)制又叫磅數(shù)制,是英文point的音譯,縮寫為P,既不是公制也不是英制,是印刷中專用的尺度。
我國大都使用英美點(diǎn)數(shù)制。
1點(diǎn)(1P)=0.35146mm
■ 號數(shù)制
號數(shù)制是以互不成倍數(shù)的幾種活字為標(biāo)準(zhǔn),加倍或減半自成體系。
字號的大小可以分為以下四個(gè)序列。
[*]四號序列:一號、四號、小六號
[*]五號序列:初號、二號、五號、七號
[*]小五號序列:小初號、小二號、小五號、八號
[*]六號序列:三號、六號
■ 號數(shù)、點(diǎn)數(shù)制對照表
序號 字號 點(diǎn)數(shù) 尺寸(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