1.px就是pixel的縮寫，畫素的意思
2.絕對單位，頁面按精確畫素展示
3.缺點：沒有彈性、不適合自適應布局
4.瀏覽器預設字型是16px
1.相對單位，相對於它的父節點字型進行計算
2.如果自身定義了font-size按自身來計算
3.缺點：他會根據父級元素的大小而變化 但是如果巢狀了多個元素 要計算它的大小,是件很頭疼的事情
4.可以達到適配各種解析度的字型大小的效果
1.相對單位，可理解為」root em」, 相對根節點html的字型大小來計算
2.css3新加屬性，需要先給根元素設定尺寸
3.rem只適用於固定尺寸
1.一般來說就是相對于父元素的
2.對於position: absolute;的元素是相對於已定位的父元素
3.對於position: fixed;的元素是相對於可視視窗
1.viewpoint width，視窗寬度，1vw等於視窗寬度的1%。
2.例：瀏覽器寬度800px, 1 vw = 800px/100 = 8 px。
1.viewpoint height，視窗高度，1vh等於視窗高度的1%。
2.和vw計算規則一致
相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin
相對於視口的寬度或高度中較大的那個。其中最大的那個被均分為100單位的vmax
CSS3常用屬性及動畫
通用選擇器，標籤選擇器，類名選擇器，id選擇器，交叉選擇器，群組選擇器 同時選擇多個元素設定樣式 關心位置的偽類選擇器 不管是選擇哪乙個標籤，都會從子元素中的第乙個開始 nth child 正數 nth last child 倒數 first child 第乙個 last child 倒數第乙個關心...
css3 中的尺寸單位
1 em 它是我們常用的，經常用在字的大小上。它是大小是相對於父級的大小。1em 父級px 2 百分比 指的是相對於父級的，在定義標籤的width時會用 3 rem 它是em的增強版，ie9 它相對於根html來設定大小。不會像em，依賴於父級大小。一般都是 html 原因 頁面預設的大小是16px...
CSS3視窗單位vw vh vmin vmax說明
vw vh做為css3中的新單位，已經出來挺久的了，這裡也我個人也做一下詳細的總結。vw vh vmin和vmax是css3中的新單位，是一種視窗單位，也是相對單位。它們的大小都是由視窗大小來決定的，單位1，代表類似於1 具體描述如下 vw 視窗寬度的百分比 vh 視窗高度的百分比 vmin 當前較...