長度單位換算 單位性質
  1. 1 in = 2.54cm = 25.4mm = 72pt = 6pc
    2. in：英吋，在 96 dpi 的系統上 1 in = 96 px。
  2. px 絕對單位，為圖像或螢幕的點單位。
  3. pt 絕對單位，為螢幕或列表機長度單位，1 個 pt 相當於 25.4/72 mm。
    4. 1 pt ＝ 1/72 in，如果在 72 dpi 的系統上 1 px = 1 pt，
    在 96 dpi 的系統上 1 px = 0.75 pt ( 72/96 = 0.75 )。
  4. em：相對單位，每個子元素透過「倍數」乘以父元素的 px 值。
  5. cm：公分，在 96 dpi 的系統上 1 cm = 37.795275593333 px。
  6. mm：公釐，在 96 dpi 的系統上 1 cm = 3.7795275593333 px。
  7. %：相對單位，每個子元素透過「百分比倍數」乘以父元素的 px 值。
範例
CSS 指令結果
<font style="font-size:10px;">X
      <font style="font-size:20px;">X
            <font style="font-size:30px;">X
                  <font style="font-size:40px;">X
                        <font style="font-size:50px;">X
                        </font>
                  </font>
            </font>
      </font>
</font>		     X      X    X     X       X
10px20px30px40px50px
<font style="font-size:10px;">X
      <font style="font-size:1.7em;">X
            <font style="font-size:1.7em;">X
                  <font style="font-size:1.7em;">X
                        <font style="font-size:1.7em;">X
                        </font>
                  </font>
            </font>
      </font>
</font>		     X      X    X     X       X
10px1.7em1.7em1.7em1.7em
<font style="font-size:10pt;">X
      <font style="font-size:20pt;">X
            <font style="font-size:30pt;">X
                  <font style="font-size:40pt;">X
                        <font style="font-size:50pt;">X
                        </font>
                  </font>
            </font>
      </font>
</font>		     X      X    X     X       X
10pt20pt30pt40pt50pt
<font style="font-size:10pt;">X
      <font style="font-size:160%;">X
            <font style="font-size:160%;">X
                  <font style="font-size:160%;">X
                        <font style="font-size:160%;">X
                        </font>
                  </font>
            </font>
      </font>
</font>		     X      X    X     X       X
10pt20pt30pt40pt50pt