CSS, was ist die relative Längeneinheit?

In CSS sind relative Längeneinheiten Längeneinheiten, die anhand ihrer Beziehung zu anderen Dingen gemessen werden und keinen festen Wert haben. Der tatsächlich gemessene Abstand kann sich aufgrund anderer Faktoren ändern, die nicht unter seiner Kontrolle stehen, wie z. B. Bildschirmauflösung, Breite und Höhe des sichtbaren Bereichs usw., und bei einigen relativen Einheiten variiert die Größe je nach dem Element, das diese Einheit verwendet. variieren von einem zum anderen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Empfohlen: CSS-Video-Tutorial

Relative Längeneinheiten (Relative Längeneinheiten)

Wie der Name schon sagt, haben relative Einheiten keinen festen Wert. Ihre Werte sind relativ zu einem anderen vordefinierten Wert oder Merkmal. Relative Einheiten erleichtern uns die entsprechende Größenänderung von Elementen, da wir die Breite, Höhe, Schriftgröße usw. des Elements mit einigen anderen Grundparametern in Beziehung setzen können.

Diese Einheiten werden oft empfohlen, wenn Sie responsive Layouts erstellen und werden für digitale Medien bevorzugt. Ihre Werte können relativ zur verwendeten Schriftart oder zur Höhe und Breite des Bildschirmansichtsfensters sein.

Häufig verwendete relative Längeneinheiten in CSS

1. Em-Einheit

em ist eine relative Schriftlängeneinheit und ihre Einheitenlänge wird basierend auf der vertikalen Länge des Texts des Elements bestimmt. Beispiel: 1em entspricht der aktuellen Schriftgröße (Attribut „font-size“), dann entspricht 2em dem Doppelten der aktuellen Schriftgröße. Wenn es für andere Attribute (Breite, Höhe) verwendet wird, ist es relativ zur Schriftgröße des Elements selbst. Es kann verwendet werden, um Breite, Höhe, Zeilenhöhe, Rand, Abstand, Rahmen und andere Stile festzulegen.

2. Die rem-Einheit

rem ist eine neue relative Schriftlängeneinheit, die nur relativ zur Schriftgröße des Stammelements, also des HTML-Elements, bestimmt wird mobile Seiten.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierlehre! !

Das obige ist der detaillierte Inhalt vonCSS, was ist die relative Längeneinheit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!