(Stand: 22.11.24, Adresse: http://www.grammiweb.de/html/html071.shtml)
CSS-Formatierungen kombinieren
Oftmals ist es z. B. bei mehrfarbigen Textausgaben praktisch, verschiedene CSS-Formatierungen zu kombinieren. Um nicht unnötigen Quellcode-Ballast zu schaffen, müssen in diesen Fällen nicht ständig gleiche Anweisungen kopiert und um die Änderungen ergänzt werden, sondern können diese einfach mit einem Leerzeichen kombiniert werden.
In unserem Beispiel-Quellcode haben wir die Standardausgabe in blauer Farbe vorgesehen. Durch die Kombination mit der Farbe rot, die hinter dem Grundformat ".schrift" aufgerufen wird, wird diese dann durch eben diese Farbe ersetzt. Natürlich ist das auch mit jeder anderen Formatierung möglich.
Beispiel:
Dies ist der normale Text
Dieser Text ist rot
...und dieser ist grün
Der Quellcode:
Im HEAD-Bereich folgendes Stylesheet einbinden:
<STYLE TYPE="text/css">
.schrift { font-family: Arial, Sans-Serif; font-size: 10pt }
.rot { color: red }
.gruen { color: green }
</STYLE>
Der Aufruf erfolgt dann im BODY-Segment:
<p class="schrift">Dies ist der
normale Text</p>
<p class="schrift rot">Dieser Text ist rot</p>
<p class="schrift gruen">...und dieser ist grün</p>
© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 22.11.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt