HTML 不是一種編程語言，而是一種標記語言 (markup language)，是網頁制作所必備的，“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程式等非文字元素，
px、em、pt之間的區別：
一、代表單位不同，
px代表的是像素單位，em代表的是相對單位，pt代表的是絕對單位，
二、單位長度不同
pt是72分之一英寸，px是數字化影像長度單位，em是字符寬度的倍數，
下面我們來看一下HTML中的長度單位px、em、pt，
-
pt (point，磅)：是一個物理長度單位，指的是72分之一英寸，
-
px (pixel，像素)：是一個虛擬長度單位，是計算機系統的數字化影像長度單位，如果px要換算成物理長度，需要指定精度DPI(Dots Per Inch，每英寸像素數)，在掃描列印時一般都有DPI可選，Windows系統默認是96dpi，Apple系統默認是72dpi，
-
em(相對長度單位，相對于當前物件內文本的字體尺寸)：是一個相對長度單位，最初是指字母M的寬度，故名em，現指的是字符寬度的倍數，用法類似百分比，如：0.8em, 1.2em,2em等，通常1em=16px，
html單位簡短介紹：
-
Px 像素Pixel；相對長度單位，
-
Pt 點（Point）；絕對長度單位
-
Em 相對長度單位，這里em與html <em>標簽的"EM"拼寫完全相同，而這里em作為單獨文本單位，
單位換算：
任意瀏覽器的默認字體高度16px（16像素），所有未經調整的瀏覽器都符合: 1em=16px，那么12px=0.75em,10px=0.625em，
為了簡化font-size的換算，需要在css中的body選擇器中宣告font-size=62.5%，這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10，然后換上em作為單位就行了，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/264835.html
標籤：其他