Css 單位

1. Px：像素或許被認為是最好的“設備像素”，而這種像素長度和你在顯示器上看到的文字屏幕像素無關。px實際上是一個按角度度量的單位。在web上，像素仍然是典型的度量單位，很多其他長度單位直接映射成像素，最終，他們被按照像素處理，javascript語言裏的單位就是使用的像素。
2. In: 英寸是一個物理度量單位，但是在CSS領域，英寸只不過被直接映射成像素罷了。
3. Cm: 厘米。
4. Mm: 毫米。

相對字體長度：

1. Em：Em 是一個相對單位。起初排版度量時是基於當前字體大寫字母”M”的尺寸的。當改變font-family時，它的尺寸不會發生改變，但在改變font-size的大小時，它的尺寸就會發生變化。 在沒有任何CSS規則的前提下，1em的長度是： 1em=16px=0.17in=12pt=1pc=4.2mm=0.42cm

Em單位有點古怪，當設置了font-size屬性後，它會逐級向上相乘，所以如果一個設置了font-size:1.1em的元素在另一個設置了font-size:1.1em的元素裏，而這個元素又在另一個設置了font-size:1.1em的元素裏，那麽最後計算的結果是1.1X1.1X1.1=1.331rem（根em）。這意味著即使一個元素設置為10em，這個元素也不會在他出現的每個地方都是10em。如果font-size變化了，它可能會寬點，也可能會窄點。

1. Rem: Rem和em一樣也是一個相對單位，但是和em不同的是rem總是相對於根元素(如:root{})，而不像em一樣使用級聯的方式來計算尺寸。
2. Point: Point是一個物理度量單位，1pt=1/72 in.在CSS之外point是最常用的尺寸類型（可能這就是css支持point的原因）。它在語言裏也很常見“當然他們把這個重要的信息設置成了小八號字體”。在打印樣式表和物理媒介中，point是最有意義的，當然你也可以用在屏幕媒介上使用，或者其他的地方
3. Pica: Pica和points一樣，只不過1pc=12pt。
4. Ex: ex是一個基於當前字體的x字母高度度量的。ex度量時有時候根據字體自身的信息，有時候由瀏覽器指明是通過一個小寫字形來度量，最糟糕的情況是，它被設置成0.5em。它之所以被命名為“x”的高度，是因為是基於x字母的高度的。要理解x-height，想象一個小寫字母，比如“d”，它會有一部分翹起，x-height是不包括翹起的這一部分的，它的高度是那個字母最下面的那一部分。和em不同，當改變font-family時em不會改變，而ex單位會變化，因為一個單位的值和那個字體是特殊的約束關系。
5. Ch: ch的內涵和x高度相似，只是ch是基於字符0的寬度的而不是基於字符x高度的。當font-family改變的時候ch也會隨著改變。

可視區百分比長度單位：

1. Vw： vw是可視區寬度單位。1vw等於可視區寬度的百分之一。vw單位跟百分比很相似，不同的是vw的值對所有的元素都一樣，與他們父元素或父元素的寬度無關。有點像rem單位那樣總是相對於根元素。
2. Vh：vh和vw（viewport widht）單位一樣，不同的是vh是相對於可視區的高度。
3. Vmin：vmin的值是當前vw和vh中較小的值。在標準尺寸類型的使用實例中，和由自己確定屏幕大小的vw、vh單位相比，vmin是一個更有用的度量標準。
4. Vmax：Vmax的值是vw和vh中的較大的值

離奇的長度單位：

百分比：

以百分比為單位的長度值是基於具有相同屬性的父元素的長度值。例如，如果一個元素呈現的寬度是450px，子元素的寬度設為50%，那麽子元素呈現的寬度為225px。

css中關於單位的一些問題