Gemeinsame Elemente
Code Sources Icon Code Sources Icon

Wenn du in einer Regel mehere HTML-Elemente oder Klassen ansprechen willst, kannst du die einzelnen CSS-Selektoren als kommagetrennte Liste schreiben. Alle Titel bekommen die gleiche Farbe, wenn sie als Liste angesprochen werden: h1, h2, h3 { color: red;}
Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
HTML Elemente

Aufgabe 5> weiter

Jetzt hast du ein body-Element, einen h1-Titel, drei h2-Untertitel und drei p-Elemente mit jeweils einer Klassenbezeichnung.
Du hast in der vorangegangenen Aufgabe jedes Element mit Klasse einzeln angesprochen. Du kannst auch die Klasse ohne das Element formatieren. das führt dazu, dass du drei Gruppen mit jeweils einem Untertitel und einem Absatz ansprechen kannst: "top", "middle", "down".
  1. Untersuche die HTML-Elemente im nebenstehenden Editor:
    <body>, <h1>, <h2>, <h3>
  2. Untersuche die Klassen der einzelnen Elemente, erkenne ihr Zusammenspiel
    class="top"class="middle" class="down"
  3. Verändere Farbe und Hintergrund für das Element <h1>
  4. Wende die gleiche Regel auf die anderen Titel-Elemente an (Zeile11), Beispiel:
            h1, h2, h3 {
                color:#0088ee;
    background-color:#ffa100;
            }
    Verwende die Hexadezimalen Werte:
    Rot: #ff000
    Blau: #0088ee
    Orange: #ffa100
    Violet: #9a00c9
    Grün: #00993a
  5. Erstelle zusätzliche Regeln für die einzelnen Textgrössen der HTML-Elemente <h1>, <h2>, <h3>
            h1 {
                font-size:60px;
            }
  6. Untersuche die HTML-Ausgabe
  7. Prüfe das Ergebnis
DB-Table: cssbasic5