StyleAssistant |
| Startseite |
 |
| Screenshot |
|
| Kurzanleitung |
|
| Download |
|
| Kurse & Infos |
|
| >Tipps & Tricks< |
|
| Unterstützer |
|
| TMXtensions |
|
| ?Freeware! |
|
| About TM |
|
Stand: 07.12.2002 |
Tipps & Tricks – Tipp 86
|
 |
 |
 |
|
86.
Einem Element mehrere Klassen zuweisen (26.03.2002)
Werden HTML-Elemente mit CSS-Eigenschaften formatiert, erfolgt das meistens durch Zuweisung einer separaten Klasse: <ELEMENT CLASS="klasse">.
Man kann einem Element jedoch auch mehrere Klassen zuweisen. Dazu werden die Klassennamen durch Leerzeichen voneinander getrennt: <ELEMENT CLASS="klasse1 klasse2">.
Im Beispiel 86 wird das an einem Absatz praktiziert, welcher mit drei Klassen zur Formatierung von Farben, Schrift sowie Rahmen und Innenabstand versehen wurde.
CSS-Code:
.farben
{
Color: #0000CC;
Background-Color: #FFFFCC;
}
.schrift
{
Font-Family: Verdana, Arial, Helvetica, Sans-Serif;
Font-Size: 95%;
Text-Align: justify;
}
.rahmen
{
Border: 1px dashed #FF0000;
Padding: 10px;
}
Markup:
<P CLASS="farben schrift rahmen">Absatzinhalt</P>
Auf diese Weise lassen sich bestimmte, mehrfach benötigte Teilformate getrennt erstellen und bei Bedarf elegant zusammenfügen. Zu beachten ist, dass Werte von mehrfach definierten Eigenschaften entsprechend der Klassenfolge von links nach rechts überschrieben werden.
|
|
 |
|
 |