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.200 Kurse von Branchenfachleuten.

IDs sind einmalig: das Attribut id und der Selektor mit der Raute

IDs sind einmalig: das Attribut id und der Selektor mit der Raute – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

IDs sind einmalig: das Attribut id und der Selektor mit der Raute

“

Genau wie mit Klassen können Sie HTML-Elemente mit einer ID um eigene Namenszusätze ergänzen und das haben Sie auch schon gemacht. Hier im HTML sehen Sie das Stammelement mit der ID top. Diese ID wird dann genutzt als Sprungziel für einen Hyperlink, und zwar auf derselben Seite hier, da ist der Link, mit #top wird bewirkt, dass bei einem Klick die Seite wieder ganz nach oben scrollt. Das zeige ich hier einmal in der Vorschau. Hier ist der Link, rechts unten, und nach einem Klick rollen wir sanft wieder ganz nach oben zu dem Linkziel, zu dem Sprungziel, id="top". Dass das so sanft gleitet, wird im CSS erreicht. Hier ist der Selektor html für das Stammelement, die Eigenschaft heißt scroll-behavior, Scroll-Verhalten, und da steht auch smooth. Damit wird das erreicht. Jetzt kann man die id auch zum Gestalten im CSS benutzen. Hier als Beispiel gebe ich mal schnell wieder eine Hintergrundfarbe, nehmen wir mal deeppink, na, das ist ein bisschen zu heftig, gold ist etwas besser. Und jetzt…

Inhalt