[HTML+CSS]網頁單位，px、pt、em、rem、% 的認識
初學者在學習寫網頁時，常問em、rem是甚麼意思。
此篇講解網頁文字常遇到的單位有哪些!
px 是絕對單位，代表螢幕中每個「點」( pixel )，是螢幕上所顯示的最小單位。(最常見)
pt 是絕對單位，point、有時被稱為點。標準的長度單位。定義上 1pt＝1/72 英吋。
**px 和 pt兩個看起來很像、卻完全不一樣的單位（在某些場合他們是 1：1 的）
em 是相對單位，其文字大小是相對於父元素 (parent element)，每個子元素透過「倍數」乘以父元素的 px 值。
例如：父層使用16px，子層使用1.5em，則子層就會是(16px) x (1.5) = 24px。
rem 是相對單位，其文字大小是相對於根元素 (root element)，每個元素透過「倍數」乘以根元素的 px 值。
**根元素就是 <html> 標籤
% 是相對單位，每個子元素透過「百分比」乘以父元素的 px 值。
熱門評論