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

.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基礎影片教學， CSS3影片教學，bootstrap影片教學！

以上是css絕對長度單位主要有哪些？絕對長度單位之間如何換算？的詳細內容。更多資訊請關注PHP中文網其他相關文章！