Einheiten für Werte in CSS

Einheiten in CSS

Werte werden regelmäßig in CSS verwendet. Sie werden manchmal in absoluten Einheiten und manchmal in relativen Einheiten angegeben.

CSS stellt Werte für Länge, Winkel und Frequenz bereit und unterstützt innerhalb jedes CSS die Umrechnung zwischen den verschiedenen Maßeinheiten.

Ein Verständnis der verschiedenen Einheiten oder Maße, die CSS unterstützt, damit Webentwickler und Designer in ihrem komfortablen Denkraum arbeiten können.

Unten finden Sie eine Liste der in CSS unterstützten Einheiten.

Absolute Einheiten

Länge

cm, mm, Q, in, pt, pc, px

Unit	Name	Equivalent to
cm	Centimeters	1cm = 37.8px = 1/2.54 of 1in
mm	Millimeters	1mm = 1/10 of 1cm
Q	Quarter-millimeters	1Q = 1/40 of 1cm
in	Inches	1in = 2.54cm = 96px
pc	Picas	1pc = 1/6 of 1in
pt	Points	1pt = 1/72 of 1in
px	Pixels	1px = 1/96 of 1in

Winkel

Grad, Grad, Rad, Drehung

Unit	Name	Equivalent to
deg	Degree	360deg = 1 full circle
grad	Gradian	400grad = 1 full circle
rad	Radian	6.2832rad = 1 full circle (π approx = 3.1416)
turn	Turn	1 turn = 1 full cirle

Zeit

s, ms

unit	name	equivalent to
s	second	1s = 1000ms
ms	millisecond	1ms = 1/1000 of 1s

Frequenzeinheiten

Hz, kHz

unit	name	equivalent to
Hz	Hertz	1Hz = 1/1000 of 1 kHz
kHz	Kilo Hertz	1KHz = 1000Hz

Auflösungseinheiten

dpi, dpcm, dppx

Relative Einheiten

Wie der Name schon sagt, beziehen sich die mit diesen Einheiten bereitgestellten Werte auf einen anderen Wert. Es könnte mit einem übergeordneten Element oder dem Ansichtsfenster zusammenhängen.

Bezogen auf Schriftarten

em, ex, ch, rem

Viewport-bezogen

%, vw, vh, vmin, vmax

Bezogen auf Containerabfragen

cqw, cqh, cqi, cqb, cqmin, cqmax

Hinweis

Es ist üblich, einen absoluten Wert für das Containerelement zu definieren und dann relative Werte für alle untergeordneten Elemente zu verwenden.

Das obige ist der detaillierte Inhalt vonEinheiten für Werte in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!