Heim >Web-Frontend >CSS-Tutorial >Was sind die Merkmale von REM in CSS?
Was sind die Merkmale von REM in CSS?
- 王林Original
- 2020-11-11 10:58:193418Durchsuche
Das Merkmal von rem in CSS ist: Wenn Sie rem zum Festlegen der Schriftgröße für ein Element verwenden, handelt es sich immer noch um eine relative Größe, jedoch relativ zum HTML-Stammelement, z. B. [.b{font-size: 2rem / /hier ist 8px;} 】.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3, dieser Artikel gilt für alle Computermarken.
rem: (relativ zum Stammelement, also HTML)
rem ist eine neue relative Einheit in CSS3. Der Unterschied zwischen it und em besteht darin, dass dies der Fall ist, wenn Sie rem verwenden, um die Schriftgröße für ein Element festzulegen Immer noch eine relative Größe, aber relativ. Nur das HTML-Stammelement. Die Verwendung ist sehr einfach. Sie können den Wert ändern, indem Sie die Größe des Stammelements ändern (rem und em sind ähnlich, aber die relativen Elemente sind unterschiedlich) (Behoben)
px ist die Abkürzung für Pixel, was Pixel bedeutet und zur Angabe der Schriftgröße sowie der Breite und Höhe von Elementen verwendet wird. Pixel sind relativ zur Bildschirmauflösung des Monitors. em: (relativ zum übergeordneten Element)
em ist eine relative Längeneinheit, die relativ zur Schriftgröße des Texts im aktuellen Objekt ist. Wenn wir die Schriftgröße des aktuellen Textes nicht festlegen, wird em relativ zur Standardschriftgröße des Browsers sein
Codebeispiel:
//em的值时相对于父元素，修改.a的大小，.b的大小会随之发生变化
<style>
.a{
font-size: 4px; //1em=4px
}
.b{
font-size: 2rem; //这里就8px;
}
</style>
</head>
<body>
<div class="a">
<p class="b">
51515
</p>
</div>
</body>Verwandte Empfehlungen:CSS-Tutorial
Das obige ist der detaillierte Inhalt vonWas sind die Merkmale von REM in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!