第三次web作業

em是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸，最初是指字母m的寬度，故名em。現指的是字元寬度的倍數，用法類似百分比，如：0.5em, 1em,2em等，通常1em=16px。

rem（root em，根em）：是css3新增的乙個相對單位，相對的只是html根元素，可以只修改根元素就可以成比例地調整所有字型大小，又可以避免字型大小逐層復合的連鎖反應。相容性ie9+都可以相容，對於不相容的瀏覽器寫乙個絕對單位的宣告就可以了。

fr 單位是乙個自適應單位，fr單位被用於在一系列長度值中分配剩餘空間，如果多個已指定了多個部分，則剩下的空間根據各自的數字按比例分配。

px全稱pixel，譯：畫素。它相對長度單位，畫素 px 是相對於顯示器螢幕解析度而言的。

px是乙個絕對字型大小，em則是基於基數（比如：1.5em）來計算出來的相對字型大小。這個基數是需要乘以當前物件從其父級遺傳字型大小。

1.5em = 父級字型大小 * 1.5 = ?

不過，這有個問題就是在css中想要知道當前元素的字型大小所遺傳的是哪個父級元素的字型大小。因此，rem的出現就很好的解決了這個問題。rem是基於根節點（比如html）的字型大小進行計算的。

1.5rem = 預設字型大小 (比如： 16px) * 1.5 = 24px

28px = 28/16 = 1.75rem

為了更方便的進行計算轉換，你可以把預設字型大小設定成62.5%或者是10px，這個時候你要計算當前元素字型大小的時候，你就可以這樣：

28px = 28/10 = 2.8rem

我經常用瀏覽器自帶的顏色表,win10自帶的的3d畫圖，可以檢視rgb和16進製制