前面的話

本文分為絕對長度單位和相對長度單位來介紹CSS中的長度單位的主要知識

絕對長度單位

絕對長度單位代表一個物理測量

像素px(pixels)
 
在web上，像素px是典型的度量單位，很多其他長度單位直接映射成像素。最終，他們被按照像素處理

英寸in(inches)
 
1in = 2.54cm = 96px

厘米cm(centimeters)
 
1cm = 10mm = 96px/2.54 = 37.8px

毫米mm(millimeters)
 
1mm = 0.1cm = 3.78px

1/4毫米q(quarter-millimeters)
 
1q = 1/4mm = 0.945px

點pt(points)
 
1pt = 1/72in = =0.0139in = 1/72*2.54cm = 1/72*96px = 1.33px

派卡pc(picas)
 
1pc = 12pt = 1/6in = 1/6*96px = 16px

字體相關相對長度單位

em、ex、ch、rem是字體相關的相對長度單位

em
 
em表示元素的font-size屬性的計算值，如果用于font-size屬性本身，相對于父元素的font-size；若用于其他屬性，相對于本身元素的font-size

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表