字型大小設定的變化：rem

字型大小的設定有以下四種：

1. px ：像素
2. em： * / 16px
3. %
4. rem ：最初層級的大小來變動

何為rem，例如：
body
{font-size:16px;}

h1
{font-size:1.2em;}

h1 span
{font-size:0.8em;}

則span的大小為 ： 16*1.2 = 19.2px ，19.2px * 0.8 = 15.36px

若是：
body
{font-size:16px;}

h1
{font-size:1.2em;}

h1 span
{font-size:0.8rem;}
則span的大小為 ： 16 * 0.8 = 12.8px  --> 直接以最頂層的設定做變動