Was ist eine CSS3-Einheit?

In CSS3 ist die Einheit eine Maßeinheit, die in zwei Typen unterteilt werden kann: 1. Größeneinheiten, die zum Ausdrücken der Länge verwendet werden, einschließlich em, rem, vw, vh, % und anderen relativen Längeneinheiten sowie px, cm , PC und andere absolute Längeneinheiten; 2. Farbeinheiten, die zur Darstellung von Farben verwendet werden, einschließlich Farbnamen (z. B. Rot), „rgb(x,x,x)“ usw.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS3 ist die Einheit eine Maßeinheit und kann in zwei Typen unterteilt werden: Größeneinheit und Farbeinheit.

CSS-Größeneinheiten:

Es gibt viele CSS-Größeneinheiten, die als vielfältig beschrieben werden können, aber grundsätzlich in zwei Kategorien unterteilt werden können: relative Längeneinheiten und absolute Längeneinheiten.

Relative Längeneinheiten

Relative Längeneinheiten geben die Eigenschaften einer Länge relativ zu einer anderen Länge an. Es eignet sich besser für unterschiedliche Gerätelängen.

Die absolute Längeneinheit ist ein fester Wert, der eine reale physikalische Größe widerspiegelt. Absolute Längeneinheiten hängen vom Ausgabemedium ab und sind unabhängig von der Umgebung (Monitor, Auflösung, Betriebssystem etc.).

Unit	Description
em	Es wird relativ zur auf das aktuelle Element angewendeten Schriftgröße beschrieben und ist daher auch eine relative Längeneinheit. Die Standardschriftgröße allgemeiner Browser beträgt 16 Pixel, dann ist
ex	die Abkürzung für root em (root em). , es ist relativ zur Schriftgröße des Stammelements; wenn rem auf die Schriftgröße des Stammelements einwirkt, ist es relativ zu seiner ursprünglichen Schriftgröße.
vw	Blickpunktbreite, Fensterbreite, 1vw=1 % der Fensterbreite
vh	Blickpunkthöhe, Fensterhöhe, 1vh=1 % der Fensterhöhe
vmin	vw und vh Der Kleinere.
vmax	Der größere von vw und vh.
%
	Tipps: Was ist der Unterschied zwischen rem und em? Der Unterschied besteht darin, dass es sich bei der Verwendung von rem zum Festlegen der Schriftgröße für ein Element immer noch um eine relative Größe handelt, diese jedoch nur relativ zum HTML-Stammelement.
Absolute Längeneinheit

Einheit

Beschreibung

cm

cmPixel werden vielleicht am besten als „Gerätepixel“ betrachtet, und diese Pixellänge hat nichts mit den Textbildschirmpixeln zu tun, die Sie auf Ihrem Monitor sehen. px ist eigentlich eine Einheit, die in Grad gemessen wird. Farbeinheit:Beschreibung

mm	mm
in	Zoll (1in = 96px =. 2 .5 4cm)
px *	Pixel (1px = 1/96 von 1in)
pt	Punkt, etwa 1/72 Zoll; 1pt = 1/72in; = 12 pt)
Einheit

(Farbname)

Farbname (z. B. Rot)rgb(x,x, x)

RGB-Wert (z. B. RGB(255,0,0)) Hexadezimale Zahl (z. B. #ff0000)CSS-Video-TutorialWeb-Frontend)

#rrggbb
(Teilen von Lernvideos:	,

Das obige ist der detaillierte Inhalt vonWas ist eine CSS3-Einheit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!