Heim > Artikel > Web-Frontend > Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?
In diesem Artikel erfahren Sie, was die wichtigsten absoluten Längeneinheiten in CSS-Längeneinheiten sind und wie Sie diese umrechnen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Es gibt viele Längeneinheiten in CSS, die als vielfältig beschrieben werden können, aber grundsätzlich in drei Kategorien unterteilt werden können: relative Längeneinheiten, absolute Längeneinheiten und prozentuale Längeneinheiten der visuellen Fläche. Die absoluten Längeneinheiten stellen fest miteinander verbundene Längeneinheiten dar, die sich aufgrund von Größenänderungen anderer Elemente nicht ändern, hauptsächlich einschließlich: px, pc, pt, in, mm, cm.
Lassen Sie uns zunächst kurz diese Längeneinheiten vorstellen.
CSS-PX-Einheit – die am häufigsten verwendete Längeneinheit
Px wird auch als Pixel bezeichnet, bei dem es sich um Bildschirmmedien handelt (d. h. gelesen). auf einem Computerbildschirm Nehmen Sie eine Einheit fester Größe, bei der es sich um eine im Winkel gemessene Einheit handelt. 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:
.demo{ font-size: 40px; }
css pc unit
pc: pc (Pica), was der Größe des neuen Typs Nr. 4 meines Landes entspricht.
.demo{ font-size: 4pc; }
css pt-Einheit
pt: Punkt, absolute Längeneinheit
.demo{ font-size: 40pt; }
CSS in Einheit
in: Zoll, eine physikalische Maßeinheit, aber in der CSS-Welt sind Zoll einfach direkt auf Pixel abgebildet.
.demo{ font-size: 0.5in; }
CSS-mm-Einheit
mm: Millimeter (Millimeter), was a ist physikalische Maßeinheit kleiner Größenordnung.
.demo{ font-size: 10mm; }
CSS-cm-Einheit
cm: Zentimeter, für den größten Teil der Welt. Für Menschen ist es ist eine relativ bekannte und nützliche physikalische Maßeinheit. In CSS wird es auch Pixeln zugeordnet.
.demo{ font-size: 1cm; }
Dann 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 )
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter CSS-Basis-Video-Tutorial , CSS3-Video-Tutorial , Bootstrap-Video-Tutorial !
Das obige ist der detaillierte Inhalt vonWas sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!