Was sind absolute CSS-Einheiten?

In CSS lautet der vollständige Name der absoluten Längeneinheit. Dabei handelt es sich um einen festen Wert, der eine reale physikalische Größe widerspiegelt. Die absolute Einheit hängt vom Ausgabemedium und nicht von der Umgebung (Monitor, Auflösung, Betrieb) ab System usw.) ). Zu den absoluten CSS-Einheiten gehören cm (Zentimeter), mm (Millimeter), Zoll (Zoll), px (Pixel), pt (Punkte) und pc (Picas).

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

CSS-Längeneinheiten können unterteilt werden in: relative Längeneinheiten und absolute Längeneinheiten.

Relative Einheiten

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

vminvmaxAbsolute Einheit Die absolute Längeneinheit ist ein fester Wert, der widerspiegelt eine echte körperliche Untersuchung Größe. Absolute Längeneinheiten hängen vom Ausgabemedium ab und sind nicht von der Umgebung (Monitor, Auflösung, Betriebssystem usw.) abhängig mmmm in Zoll (1in= 96px = 2,54cm)pxPixelptPunkt (1pt = /72in)

Einheit	Beschreibung
em	Es wird relativ zur auf das aktuelle Element angewendeten Schriftgröße beschrieben, es handelt sich also um eine relative Längeneinheit. Die Standardschriftgröße allgemeiner Browser beträgt 16 Pixel, dann ist 2em == 32 Pixel das HTML-Root-Element);
Die kleinere von vw und vh
Die größere von vw und vh

Stk pica ca. 12pt( 1pc = 12pt)

css px-Einheit – die am häufigsten verwendete Längeneinheitpx, auch bekannt als: Pixel, ist eine Einheit fester Größe für Bildschirmmedien ( d. h. auf einem Computerbildschirm abgelesen), ist eine Maßeinheit in Grad. Ein Pixel entspricht einem Punkt auf dem Computerbildschirm (d. h. der kleinsten Teilung der Bildschirmauflösung), und Webseiten können perfekt und präzise pro Pixel gerendert werden. Mal sehen, wie man es einrichtet, zum Beispiel: css PC-Einheitpc: Pica, was der Größe der neuen Nr. 4-Schrift meines Landes entspricht.

.demo{  font-size: 4pc; }

pt: Punkt (Punkt), absolute Längeneinheit

.demo{  font-size: 40pt; }

css in Einheit

.demo{  font-size: 0.5in; }

css mm-Einheit

	.demo{ font-size: 40px; }
css pt Einheit
	in: Zoll (Zoll), ein physikalisches Maß Einheiten, aber in der CSS-Welt werden Zoll einfach direkt Pixeln zugeordnet.

mm: Millimeter (Millimeter) ist eine physikalische Maßeinheit in einer kleinen Größenordnung.

.demo{  font-size: 10mm; }

css cm-Einheit

cm: Zentimeter ist für die meisten Menschen auf der Welt eine vertraute und nützliche physikalische Maßeinheit. In CSS wird es auch Pixeln zugeordnet.

.demo{  font-size: 1cm; }

Wissen erweitern:

Schauen wir uns an, wie diese Längeneinheiten umgerechnet werden:

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px

Nachfolgend geben wir die Formel für die gegenseitige Umrechnung von pt und px an:

px = pt *（96/72）
pt=px*（72/96）

(Lernvideo Teilen:

Erste Schritte mit dem Web-Frontend

)

Das obige ist der detaillierte Inhalt vonWas sind absolute CSS-Einheiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!