1. 程式人生 > >css之單位

css之單位

計算 幫助 例如 vmax 毫秒 距離 tro 大小 目前

css之單位

角度<angle>

用於<gradient>s和某些transform功能中

deg表示以度為單位的角度。一整圈就是360deg

例如:0deg90deg14.23deg

grad用漸變表示角度。一整圈就是400grad

例如:0grad100grad38.8gradrad表示以弧度表示的角度。

一個完整的圓是2π弧度,近似於6.2832rad1rad是180 /π度。

例如:0rad1.0708rad6.2832radturn表示一個轉數的角度。

一整圈就是1turn。例如:0turn0.25turn1.2turn

頻率<frequency>

表示頻率維度,諸如說話聲音的音高。它目前不在任何CSS屬性中使用。

Hz表示以赫茲為單位的頻率。

例如:0Hz1500Hz10000Hz

kHz表示以千赫為單位的頻率。

例如:0kHz1.5kHz10kHz

長度<lenghth>

表示的距離值。長度可以以多種CSS屬性

字體相對長度單位

cap表示元素的“上限高度”(大寫字母的名義高度)font

ch表示元素中字形“0”(零,Unicode字符U + 0030)的寬度,或者更準確地說是提前度量font

em表示font-size元素的計算結果如果在font-size屬性本身上使用它,它表示元素繼承字體大小。

ex表示元素的x高度font

在帶有“x”字母的字體上,這通常是字體中小寫字母的高度; 1ex ≈ 0.5em在許多字體中。

ic等於在用於渲染它的字體中找到的“水”(CJK水表意文字,U + 6C34)字形的使用預先測量。

lh等於line-height使用它的元素屬性的計算值,轉換為絕對長度。rem表示font-size根元素(通常<html>)。在根元素中使用時font-size,它表示其初始值(常見的瀏覽器默認值為16px,但用戶定義的首選項可能會修改此值)。

rlh等於line-height根元素(通常<html>屬性的計算值,轉換為絕對長度。在根元素font-sizeline-height

屬性上使用時,它引用屬性的初始值。

視口百分比長度

vh等於視口初始包含塊高度的1%

vw等於視口初始包含塊寬度的1%

vi等於初始包含塊大小的1%,在根元素的內聯軸方向上

vb等於初始包含塊大小的1%,在根元素的塊軸方向上

vmin等於較小的vwvh

vmax等於較大vwvh

絕對長度單位

px一個像素。對於屏幕顯示,它傳統上代表一個設備像素(點)。但是,對於打印機高分辨率屏幕,一個CSS像素意味著多個設備像素。1px= 1/96 1in

cm一厘米。1cm= 96px/2.54

mm一毫米。1mm= 1/10 1cm

Q四分之一毫米。1Q= 1/40 1cm

in一英寸。1in= 2.54cm= 96px

pc一個異食癖。1pc= 12pt= 1/6 1in

pt一點。1pt= 1/72 1in

mozmm ,在Firefox 59中刪除。

時間<time>

s表示以秒為單位的時間。例如:0s1.5s-60s

ms表示以毫秒為單位的時間。例如:0ms150.25ms-60000ms

fr單位

可以使用任何長度單位定義軌道。網格還引入了一個額外的長度單元來幫助我們創建靈活的網格軌道。新fr單元表示網格容器中可用空間的一小部分。下一個網格定義將創建三個相等寬度的軌道,根據可用空間增長和縮小。

css之單位