Beispiele aus dem Buch (Abschnitt 2.4: Skalierbarkeit)
Warning: Undefined variable $anmerkung in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 330
Dies ist ein Beispiel aus dem Buch [i;30-80-000-1], das Ende 2004 im dpunkt.Verlag erschienen ist.
Warning: Undefined variable $id_array_ in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341
Warning: Trying to access array offset on value of type null in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341
Das Vererbungsprinzip und Schriftgrößenangaben
Es empfiehlt sich, Schriftgrößenangaben nur auf Blockelemente anzuwenden. Im folgenden Beispiel hat der Absatz eine Schriftgrößenangabe von 0.9em, die sich auf alle eingeschlossenen Elemente bezieht. Sollte einer der eingeschlossenen Elemente eine eigene Schriftangabe enthalten, wie z.B. der erste Link, so bezieht sich diese auf die geerbte Schriftgröße und der dargestellte Text wird nochmals verkleinert. Der zweite Link im Beispiel erhält die optionale Schriftgrößenangabe 1em, die keine Veränderung der Schriftgröße bewirkt.
HTML
<p class="demo">Text <a href="http://www.seitenadresse.de" class="link1">Linktext 1</a> Text <a href="http://www.seitenadresse.de" class="link2">Linktext 2</a> Text Text</p>
CSS
p.demo {
font-size:0.9em;
}
a.link1 {
font-size:0.8em;
}
a.link2 {
font-size:1em;
}
Browseransicht
Text Linktext 1 Text Linktext 2 Text Text