[an error occurred while processing this directive]

Neu: Inspirationen für Webdesigner

Entdecken Sie die schönsten Seiten im Netz

Hier klicken und mehr erfahren

Ganz schön bunt

Laden Sie jetzt stimmige Farbwelten für Ihre Webseiten herunter - kostenlos

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 07.07.20, 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: 07.07.2020
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt