二、相對單位：em rem pt pc ex ch
百分比單位：vw vh vm %
即畫素pixel，它是最基礎也是最常用的乙個長度單位，絕對單位，頁面按精確畫素展示
相對長度單位，瀏覽器的度量單位，相對於物理畫素（顯示器螢幕解析度），1px在高畫質螢幕下可能占用2個物理畫素、甚至3個物理畫素，這個單位是初學者常用的單位。
即英呎inch， 1in=2.54cm=96px
厘公尺， 1cm=37.8px
公釐，1mm=3.78px
相對於當前dom元素的font-size。
如果設定當前元素的font-size為0.75em，而其父元素的font-size是16px時，則當前元素的font-size是0.75 * 16px = 12px;
如果設定當前元素的width是10em，而當前元素的font-size是16px（無論是繼承自父容器還是設定的）時，則當前元素的width是10 * 16px = 160px;
注意1：任意瀏覽器的預設字型高都是16px，如果給body元素的font-size設定為62.5%，那body的font-size實際大小是 16px*62.5%=10px，如果所有子元素都以該字型大小使用em作為尺寸單位，相當於1em=10px，這樣設定em就非常簡單，只要將實際px數值除以10，就是em單位值。
注意2：em相對於px的值並不是固定的，是會隨著父元素或者當前元素的font-size不同而變化。
em是css3新增的乙個相對單位（root em，根em），相對於根節點(一般為html節點)的font-size，如果html節點設定font-size = 100px，那麼文件中的元素設定為0.3rem，則計算為：0.3 * 100px = 30px。
這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。這個單位可謂集相對大小和絕對大小的優點於一身，通過它既可以做到只修改根元素就成比例地調整所有字型大小，又可以避免字型大小逐層復合的連鎖反應。
目前，除了ie8及更早版本外，所有瀏覽器均已支援rem。對於不支援它的瀏覽器，應對方法也很簡單，就是多寫乙個絕對單位的宣告（通過下邊樣式覆蓋上邊樣式原理），這些瀏覽器會忽略用rem設定的字型大小。
即點point，1pt=1/72in=1.33px
即派卡，1pc=12pt=16px，派卡是印刷行業的長度單位
取當前作用效果的字型的x的高度，在無法確定x高度的情況下以0.5em計算
以節點所使用字型中的「0」字元為基準，找不到時為0.5em
百分比，它是乙個更純粹的相對長度單位，可以變動。它描述的是相對于父元素的百分比值。如50%，則為父元素的一半。
相對于父元素的長度高度，這個單位也是蠻好用的。
position:fixed時，無論當前元素放在**，將相對於視窗寬度。
position:absolute時，將相對於其相對的元素寬度（遞迴父元素直到第乙個設定了position的元素）。
視口單位(viewport units)
什麼是視口？
在桌面端，視口指的是在桌面端，指的是瀏覽器的可視區域；而在移動端，它涉及3個視口：layout viewport（布局視口），visual viewport（視覺視口），ideal viewport（理想視口）。
視口單位中的「視口」，桌面端指的是瀏覽器的可視區域；移動端指的就是viewport中的layout viewport, 「視區」所指為瀏覽器內部的可視區域大小，即window.innerwidth/window.innerheight大小，不包含工作列標題欄以及底部工具欄的瀏覽器區域大小。。
根據css3規範，視口單位主要包括以下4個：
1.vw：1vw等於視口寬度的1%。
2.vh：1vh等於視口高度的1%。
3.vmin：選取vw和vh中最小的那個。
4.vmax：選取vw和vh中最大的那個。
比如：瀏覽器高度950px，寬度為1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px。
vmax相對於視口的寬度或高度中較大的那個。其中最大的那個被均分為100單位的vmax。
css3自適應布局單位vw,vh你知道多少？
視口單位 viewport units 什麼是視口？在pc端，視口指的是在pc端，指的是瀏覽器的可視區域 而在移動端，它涉及3個視口 layout viewport 布局視口 visual viewport 視覺視口 ideal viewport 理想視口 視口單位中的 視口 pc端指的是瀏覽器的可...
帶 的css語法，你知道多少？
css的頂層樣式表由兩種規則組成的規則列表構成，一種稱為at rule規則，也就是at規則，另一種是qualified rule，也就是普通規則。今天就學習一下at規則 用於提示css檔案使用的編碼方式，必須在最前面使用 charset utf 8 用於引入乙個css檔案，除了 charset規則不...
sizeof,你知道多少
今天去參加面試，筆試的第一道題就是這個sizeof的用法，考了六七個，平時覺得很熟，真拿來考到迷糊了。有必要再總結一下。題是這樣的 在32位作業系統環境下，請問以下sizeof的值各是多少。一 int p 10 sizeof p 這個就簡單，int型變數p佔4個位元組，答案就是4.二 char p ...