css之單位
css之單位
角度<angle>
用於<gradient>
s和某些transform
功能中
deg
表示以度為單位的角度。一整圈就是360deg
。
例如:0deg
,90deg
,14.23deg
。
grad
用漸變表示角度。一整圈就是400grad
。
例如:0grad
,100grad
,38.8grad
。rad
表示以弧度表示的角度。
一個完整的圓是2π弧度,近似於6.2832rad
。1rad
是180 /π度。
例如:0rad
,1.0708rad
,6.2832rad
。turn
表示一個轉數的角度。
一整圈就是1turn
。例如:0turn
,0.25turn
,1.2turn
。
頻率<frequency>
表示頻率維度,諸如說話聲音的音高。它目前不在任何CSS屬性中使用。
Hz
表示以赫茲為單位的頻率。
例如:0Hz
,1500Hz
,10000Hz
。
kHz
表示以千赫為單位的頻率。
例如:0kHz
,1.5kHz
,10kHz
。
長度<lenghth>
表示的距離值。長度可以以多種CSS屬性
字體相對長度單位
cap
表示元素的“上限高度”(大寫字母的名義高度)font
。
ch
表示元素中字形“0”(零,Unicode字符U + 0030)的寬度,或者更準確地說是提前度量font
。
em
表示font-size
元素的計算結果。如果在font-size
屬性本身上使用它,它表示元素的繼承字體大小。
ex
表示元素的x高度font
1ex ≈ 0.5em
在許多字體中。
ic
等於在用於渲染它的字體中找到的“水”(CJK水表意文字,U + 6C34)字形的使用預先測量。
lh
等於line-height
使用它的元素的屬性的計算值,轉換為絕對長度。rem
表示font-size
根元素(通常<html>
)。在根元素中使用時font-size
,它表示其初始值(常見的瀏覽器默認值為16px
,但用戶定義的首選項可能會修改此值)。
rlh
等於line-height
根元素(通常<html>
)上的屬性的計算值,轉換為絕對長度。當在根元素的font-size
或line-height
視口百分比長度
vh
等於視口初始包含塊高度的1%。
vw
等於視口初始包含塊寬度的1%。
vi
等於初始包含塊大小的1%,在根元素的內聯軸方向上。
vb
等於初始包含塊大小的1%,在根元素的塊軸方向上。
vmin
等於較小的vw
和vh
。
vmax
等於較大vw
和vh
。
絕對長度單位
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
表示以秒為單位的時間。例如:0s
,1.5s
,-60s
。
ms
表示以毫秒為單位的時間。例如:0ms
,150.25ms
,-60000ms
。
fr單位
可以使用任何長度單位定義軌道。網格還引入了一個額外的長度單元來幫助我們創建靈活的網格軌道。新fr
單元表示網格容器中可用空間的一小部分。下一個網格定義將創建三個相等寬度的軌道,根據可用空間增長和縮小。
css之單位