Was sind Klassen? Es folgt ein einfaches Beispiel um das Prinzip einer Klasse zu verstehen.
Angenommen es soll auf deiner Seite die Schriftart für einen Absatz, das <p>-Tag, Arial seinund die Farbe rot, so lautet dafür die Anweisung in deiner css-Datei:
p { font-family: arial;
color: red; }
Nun kann es aber sein, dass du weitere Absätze in einer anderen Farbe einfügen möchtest. Genau dafür benötigst du diese Klassen. Ein Klasse definierst du wie folgt:
p.apfel { color: green; }
p.pflaume { color: blue; }
Speichere diesen code in der Datei /ai/css/klassen/design.css
Lege nun die Datei ai/css/klassen/klassen.html an und verweise hier auf die design.css
Füge nun den folgenden Code ein:
<body>
<p>Ich bin ein normaler Absatz </p>
<p class="apfel"> Ich bin gruen </p>
<p class="pflaume"> Ich bin blau </p>
</body>
Schreibe einen Kommentar