Aus dem Kurs: CSS: Responsive Flexbox-Layouts für Profis
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Die Struktur der Beispieldateien im Überblick – Tutorial zu CSS
Aus dem Kurs: CSS: Responsive Flexbox-Layouts für Profis
Die Struktur der Beispieldateien im Überblick
Bevor es richtig losgeht, möchte ich Ihnen hier kurz die Übungsdateien vorstellen. Es geht hier los mit einer html-Vorlage die das Grundgerüst enthält. Und die sieht im Editor so aus: ganz normales html5-Dokument, utf-8, view port wird definiert, title, metaname description und ein Link zur zentrale.css im Unterordner css. Dann am Anfang ein skip-link mit der Klasse screen-reader-text, erzähle ich gleich mehr dazu. Ein header, eine Klasse "centered", auch da kommt gleich noch mehr dazu, ein Main-Bereich, wieder mit "centered", ein bisschen Inhalt, und ganz unten ein footer, sowie /body und /html. Nichts besonderes. Es geht dann gleich weiter mit zentrale.css. Da sehen Sie, das ganze ist hier in Modulbauweise gehalten, also alle benutzten Modul-stylesheets werden hier importiert. Während der Entwicklung ist das eine bewährte Methode. Man kann Module einfach austauschen und kombinieren. Wenn man die Seite live schaltet sollte man diese Module natürlich zusammenführen. Das erste Modul…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.