CSS單位分析

px:單位代表像素，1px代表一個像素點。

%：設置子元素為父容器的占比。

em：代表該元素中一個字體所占字符，常用在文字首行縮進。其具有繼承性。

rem：始終代表html中的字符所在位置。

vm:1vm代表占據視窗寬度的百分之1.

vh：1vh代表占據視窗高度的百分之1.

vmax:選取vh和vm中最大的哪一個。

vmin：選取vh和vw中最小的哪一個。

fr：並沒有具體的值，代表一個均分單位，例如：在水平上只分出1fr，則1fr代表整個視窗寬度，

　　如分成3個1fr，則1fr代表視窗寬度的1/3.

顏色設置與調色板

1.CSS 顏色使用組合了紅綠藍顏色值 (RGB) 的十六進制 (hex) 表示法進行定義。對光源進行設置的最低值可以是 0（十六進制 00）。最高值是 255（十六進制 FF）。

2.十六進制值使用三個雙位數來編寫，並以 # 符號開頭。

3.RGB 顏色值表示：rgb(red, green, blue)。每個參數 (red、green 以及 blue) 定義顏色的強度，可以是介於 0 與 255 之間的整數，或者是百分比值（從 0% 到 100%）。

4.RGBA 表示：RGBA顏色值是 RGB 顏色值的擴展，帶有一個 alpha 通道 - 它規定了對象的不透明度。RGBA 顏色值是這樣規定的：rgba(red, green, blue, alpha)。alpha 參數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。

5.HSL 顏色表示：hsl(hue, saturation, lightness)。HSL 指的是 hue（色調）、saturation（飽和度）、lightness（亮度） - 表示顏色柱面坐標表示法。

6.HSLA 顏色表示：hsla(hue, saturation, lightness, alpha)，其中的 alpha 參數定義不透明度。alpha 參數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。HSLA 顏色值是 HSL 顏色值的擴展，帶有一個 alpha 通道 - 它規定了對象的不透明度。

CSS顏色設置和調色板