時常會用的font-size單位
我們時常會用 px, %, em, rem 的四種單位
px
px 是絕對單位
%
% 是每個子元素透過「百分比」乘以父元素的 px 值。
以上這個範例，可以看到最外層的父層是 10 px，接著，內層的 font-size: 200%; ，所以是10px * 2 = 20px，最後，最內層的 p，font-size:200%;
所以是繼承自 .inside 的 font-size ，所以是 20px * 2 = 40px。
em
em 是每個子元素透過「倍數」乘以父元素的 px 值。
rem
rem 是每個元素透過「倍數」乘以根元素的 px 值。(根元素指的是 html 的 font-size，預設為 16px)