[an error occurred while processing this directive]

Schnelle Seiten gefällig?

Befreien Sie Ihre Webseiten mit wenigen Mausklicks von unnötigem Balast

Hier klicken und mehr erfahren

Verwalten Sie Ihre Webfarben

Behalten Sie mit MyColor Studio den Überblick über Ihre Onlineprojekte

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 23.12.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>


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 23.12.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt