px(pixel)
像素，是屏幕上顯示數據的最基本的點，表示相對大小(不同分辨率上px顯示不同)
pt(point)
印刷行業常用的單位(磅)，等於1/72英寸，表示絕對長度
em
em是相對長度單位，基於父級元素的font-size計算字體大小。
如果未設置父級字體大小，則相對瀏覽器默認字體尺寸16px（1em = 16px）：10px=0.625em，
為了簡化換算，在css中的body選擇器中聲明Font-size=62.5%，這就使em值變為 16px*62.5%=10px, 10px=1em
如果設置了父級元素的font-size：
<body style="font-size:14px"> <p style="font-size:2em">我這里的字體顯示大小是28px(14px*2)</p> <div style="font-size:18px"> <p style="font-size:2em">我這里顯示字體大小是36px(18px*2),而不是上面計算的28px</p> </div> </body>
rem （root em）
與em的區別在於，它是相對於html根元素的。(在body標簽里面設置字體大小不起作用)
既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應
<body style="font-size:14px"> <p style="font-size:2rem">我這里的字體顯示大小是32px(16px*2),因為我是根據html根元素的font-size大小進行計算的</p> <div style="font-size:18px"> <p style="font-size:2rem">我這里顯示字體大小是32px(16px*2),因為我是根據html根元素的font-size大小進行計算的</p> </div> </body>
