Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.100 Kurse von Branchenfachleuten.

Klassen sind klasse: das Attribut class und der Selektor mit dem Punkt

Klassen sind klasse: das Attribut class und der Selektor mit dem Punkt – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Klassen sind klasse: das Attribut class und der Selektor mit dem Punkt

“

Mit dem Attribut class kann man im HTML den HTML-Elementen eigene Namenszusätze geben und das haben Sie auf der Übungswebsite auch schon ausgiebig gemacht. Hier gibt es auf der Startseite z.B. News, Über uns und Kontakt, drei article-Elemente, die alle drei das Attribut class haben mit dem Wert infobox. Das heißt, hiermit kann ich diese drei Artikel gruppieren und dann im Stylesheet gestalten. Falls irgendwo auf anderen Seiten etwas genauso aussehen soll, benutze ich dieselbe Klasse und muss eigentlich sonst nichts mehr zusätzlich erledigen. Die Klasse Infobox wird im CSS benutzt, hier bin ich in style.css, mit einem Punkt davor, d.h., Klassen sind der Selektor mit dem Punkt. .infobox bedeutet im Klartext, im HTML gibt es Elemente oder zumindest eines mit dem Attribut class, das den Wert infobox hat. Und Sie sehen jetzt hier z.B., die Hintergrundfarbe steht auf weiß, wie Sie hier sehen, und damit man sieht, dass wirklich alle drei davon gestaltet werden, setze ich das jetzt mal eben…

Inhalt