Heim  >  Artikel  >  Web-Frontend  >  Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

青灯夜游
青灯夜游Original
2018-10-17 17:13:007265Durchsuche

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; }

Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

css pc unit

pc: pc (Pica), was der Größe des neuen Typs Nr. 4 meines Landes entspricht.

.demo{  font-size: 4pc; }

Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

css pt-Einheit

pt: Punkt, absolute Längeneinheit

.demo{  font-size: 40pt; }

Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

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; }

Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

CSS-mm-Einheit

mm: Millimeter (Millimeter), was a ist physikalische Maßeinheit kleiner Größenordnung.

.demo{  font-size: 10mm; }

Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

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; }

Was sind die Haupteinheiten der absoluten CSS-Länge? Wie konvertiert man zwischen absoluten Längeneinheiten?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen