Aus dem Kurs: Grundkurs Webtechniken 1: HTML

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

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

Eine Prise CSS zur Gestaltung der Navigation

Eine Prise CSS zur Gestaltung der Navigation – Tutorial zu HTML

Aus dem Kurs: Grundkurs Webtechniken 1: HTML

Gratismonat starten Für Ihr Team erwerben

Eine Prise CSS zur Gestaltung der Navigation

“

Die Navigation soll in diesem Film jetzt eine grundlegende Gestaltung erhalten. Und das passiert natürlich mit einer Prise CSS. Ich möchte Ihnen das CSS nicht im Detail erklären. Das passiert dann in Teil 2 des Kurses zu CSS. Aber zumindest in Grundlagen werden Sie sehen, wie das funktioniert. Los geht es mit der Gestaltung des umgebenden nav Elements. Und da sehen Sie hier, das wird schwarz eingefärbt, hat kein Padding und bekommt einen Abstand nach unten von 2rem. Dann mache ich da ein bisschen Platz und hole mir die Stile, die CSS-Regeln für die Links. Hier kommen Sie und Sie sehen, das sieht schon anders aus. Noch nicht wirklich hübsch, aber das kommt gleich alles der Reihe nach. Die Links werden geblockt, also die werden zu display block gemacht, damit man sie besser gestalten kann. Dann bekommen sie keine Unterstreichung. Die Linie ist weg, die kommt erst zurück bei hover oder bei focus, wenn man mit der Tabtaste durch das Dokument geht. Dabei soll auch die Hintergrundfarbe zu…

Inhalt