首頁 > 文章 > web前端 > css絕對長度單位主要有哪些？絕對長度單位之間如何換算？

css絕對長度單位主要有哪些？絕對長度單位之間如何換算？

本篇文章就跟大家介紹css長度單位中絕對長度單位主要有哪些，它們之間是怎麼換算的。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。

css中的長度單位很多，可謂五花八門，但基本上可分為三大類：相對長度單位、絕對長度單位和視覺區百分比長度單位。其中絕對長度單位表示：彼此固定長度，不會因為其他元素的尺寸變化而變化的長度單位，主要包括：px，pc，pt，in，mm，cm。

首先我們來簡單介紹一下這些長度單位。

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），是個小數量級的物理度量單位。