• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

font em

ihd

Neues Mitglied
Hallo,

ich habe den folgenden code:
Code:
<!DOCTYPE html>
<html>
<head>
<style>

body {
    font: 62.5%/1.6em Arial, Helvetica, Verdana, sans-serif;
}
#a{
font-size:2em;
}

#a h1 {
    font-size:3em;
}

#a p{
    font-size:1em
}
</style>
</head>
<body>
    <div id="a">
        bla
        <h1>h1 h1</h1>
        <p>test</p>
    </div>
</body>
</html>

Wie kann ich es machen dass die #a h1 und #a p die grösse 3em (30px) und 1em(10px) haben und nicht wie jetz 60px und 20px?

Danke
 
Die Einheit „em“ steht immer relativ zur Schriftgröße des Elternelements.

Du legt die Schriftgröße im Body auf 10px fest (62,5% von der Standard-Schriftgröße 16px).
Im Div mit der ID #a legst du die Schriftgröße auf 2em fest. Sind 20px, da 2 x 10px = 20px.
Die h1 und p sind wiederum Kindelemente vom Div und beziehen sich auf dessen Schriftgröße, also 3 x 20px bzw. 1 x 20px.

1.5em und 0.5em wären also die für dich richtigen Werte :)

Gar nicht so schwer :p
 
Zurück
Oben