css絕對單位是什麼
2022-07-26 18:02:21
在css中，絕對單位全稱「絕對長度單位」，是一個固定的值，它反應一個真實的物理尺寸；絕對單位視輸出媒介而定，不依賴於環境（顯示器、解析度、作業系統等）。css絕對單位有cm（釐米）、mm（毫米）、in（英寸）、px（畫素）、pt（點）、pc（派卡）。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css長度單位可分為：相對長度單位 和 絕對長度單位。
相對單位
相對長度單位指定了一個長度相對於另一個長度的屬性。對於不同的設配相對長度更加適用。
| 單位 | 描述 |
|---|---|
| em | 它是描述相對於應用在當前元素的字型尺寸，所以它是相對長度單位。一般瀏覽器字型大小預設為16px，則2em == 32px |
| ex | 依賴於英文字母小x的高度 |
| ch | 數位0的寬度 |
| rem | rem是根(root em)的縮寫，相對於根元素字型大小（相對的只是HTML根元素）； |
| vw | viewpoint width，視窗寬度，1vw = 視窗寬度的1% |
| vh | viewpoint height，視窗高度，1vh = 視窗高度的1% |
| vmin | vw和vh中較小的一個 |
| vmax | vw和vh中較大的一個 |
絕對單位
絕對長度單位是一個固定的值，它反應一個真實的物理尺寸。絕對長度單位視輸出媒介而定，不依賴於環境（顯示器、解析度、作業系統等）
| 單位 | 描述 |
|---|---|
| cm | 釐米 |
| mm | 毫米 |
| in | 英寸(1in= 96px = 2.54cm) |
| px | 畫素 |
| pt | point (1pt = 1/72in) |
| pc | pica 大約12pt(1pc = 12pt) |
css px單位---最經常使用的長度單位
px又名為：畫素，是螢幕媒體（即在電腦螢幕上讀取）固定大小的單元，是一個按角度度量的單位。一個畫素等於電腦螢幕上的一個點 (即：螢幕解析度的最小分割)，web頁面可以精確按畫素完美呈現的。我們看看如何設定，例：
.demo{ font-size: 40px; }
css pc單位
pc：派卡(Pica)，相當於我國新四號鉛字的尺寸。
.demo{ font-size: 4pc; }
css pt單位
pt：點(Point)，絕對長度單位
.demo{ font-size: 40pt; }
css in單位
in：英寸（Inch），一個物理度量單位，但是在CSS領域，英寸只不過被直接對映成畫素罷了。
.demo{ font-size: 0.5in; }
css mm單位
mm：毫米（Millimeter），是個小數量級的物理度量單位。
.demo{ font-size: 10mm; }
css cm單位
cm：釐米（Centimeter），對於世界上大多數的人來說，是比較熟悉有用的物理度量單位。在css中它也對映成畫素。
.demo{ font-size: 1cm; }
擴充套件知識：
我們來看看這些長度單位是如何換算的：
1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px
下面我們給出pt與px的相互轉換的公式:
px = pt *（96/72） pt=px*（72/96）
（學習視訊分享：）
以上就是css絕對單位是什麼的詳細內容，更多請關注TW511.COM其它相關文章！
