So erben Sie die CSS-Zeilenhöhe

Wie wird die Zeilenhöhe vererbt?

• Schreiben Sie einen bestimmten Wert, z. B. 30px, und dieser Wert wird übernommen (leichter zu verstehen). Schreiben Sie ein Verhältnis, z. B. 2/1,5, und dieses Verhältnis wird übernommen (leichter zu verstehen).
• Wenn beispielsweise die Zeilenhöhe im Textkörper auf 2 gesetzt ist, erbt das p-Tag die Zeilenhöhe von 2 und die berechnete Zeilenhöhe des p-Tags ist Schriftgröße * 2 = 32px;
• Wenn Sie eine Prozentangabe wie 200% schreiben, wird der berechnete Wert übernommen (Testpunkt) - aktuelle Schriftgröße * 200%. Im Beispiel: 20 * 200% = 40px;

Demonstration des Kerncodes:

Initialisierung

<Stil>
    Körper{
        Schriftgröße: 20px;
    }
    P {
        Hintergrundfarbe: #ccc;
        Schriftgröße: 16px;
    }
    </Stil>
</Kopf>
<Text>
    <p>Dies ist eine Textzeile</p>
</body>

Schreiben Sie bestimmte Werte

  Körper{
        Schriftgröße: 20px;
        Zeilenhöhe: 50px;
    }
    P {
        Hintergrundfarbe: #ccc;
        Schriftgröße: 16px;
    }

Schreibverhältnis

  Körper{
        Schriftgröße: 20px;
        Zeilenhöhe: 1,5;
    }
    P {
        Hintergrundfarbe: #ccc;
        Schriftgröße: 16px;
    }

Erst den Prozentsatz schreiben und dann erben!

Körper{
        Schriftgröße: 20px;
        Zeilenhöhe: 200 %;
    }
    P {
        Hintergrundfarbe: #ccc;
        Schriftgröße: 16px;
    }

Dies ist das Ende dieses Artikels zum Thema Vererbung der CSS-Zeilenhöhe. Weitere Informationen zur Vererbung der CSS-Zeilenhöhe finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!