CSS erste Schritte

CSS (Cascading Style Sheets) wird verwendet, um Webseiten zu stylen und zu gestalten — zum Beispiel, um die Schriftart, Farbe, Größe und den Abstand Ihres Inhalts zu ändern, ihn in mehrere Spalten zu unterteilen oder Animationen und andere dekorative Funktionen hinzuzufügen. Dieses Modul bietet einen sanften Einstieg auf Ihrem Weg zur CSS-Meisterschaft mit den Grundlagen, wie es funktioniert, wie die Syntax aussieht und wie Sie es nutzen können, um HTML zu stylen.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, sollten Sie:

Grundlegende Vertrautheit mit dem Umgang mit Computern und der passiven Nutzung des Webs haben (d. h. es anzuschauen und Inhalte zu konsumieren).
Eine grundlegende Arbeitsumgebung eingerichtet haben, wie im Artikel Installation grundlegender Software beschrieben, und ein Verständnis dafür haben, wie man Dateien erstellt und verwaltet, wie im Artikel Umgang mit Dateien beschrieben.
Grundlegende Vertrautheit mit HTML haben, wie im Modul Einführung in HTML besprochen.

Hinweis: Wenn Sie an einem Computer/Tablet/anderen Gerät arbeiten, auf dem Sie keine eigenen Dateien erstellen können, könnten Sie die meisten Codebeispiele in einem Online-Coding-Programm wie JSBin oder Glitch ausprobieren.

Leitfäden

Dieses Modul enthält die folgenden Artikel, die Sie durch die grundlegende Theorie von CSS führen und Ihnen Möglichkeiten bieten, einige Fähigkeiten auszuprobieren.

Was ist CSS?: CSS (Cascading Style Sheets) ermöglicht Ihnen das Erstellen von ansprechenden Webseiten, aber wie funktioniert es im Hintergrund? Dieser Artikel erklärt, was CSS ist, mit einem einfachen Syntaxbeispiel und behandelt auch einige wichtige Begriffe über die Sprache.
Einstieg in CSS: In diesem Artikel werden wir ein einfaches HTML-Dokument nehmen und CSS darauf anwenden, wobei wir einige praktische Dinge über die Sprache lernen.
Wie CSS strukturiert ist: Nun, da Sie eine Vorstellung davon haben, was CSS ist und die Grundlagen seiner Nutzung, ist es an der Zeit, ein wenig tiefer in die Struktur der Sprache selbst einzutauchen. Wir haben bereits viele der hier behandelten Konzepte kennengelernt; Sie können hierauf zurückgreifen, falls Sie spätere Konzepte verwirrend finden.
Wie CSS funktioniert: Wir haben die Grundlagen von CSS gelernt, wofür es gut ist, und wie man einfache Stylesheets schreibt. In diesem Artikel werden wir betrachten, wie ein Browser CSS und HTML nimmt und daraus eine Webseite erstellt.

Bewertungen

Die folgende Bewertung wird Ihr Verständnis der Grundlagen von CSS prüfen, die in den oben genannten Leitfäden behandelt wurden.

Styling einer Biografieseite: Mit dem, was Sie in den letzten Artikeln gelernt haben, sollten Sie feststellen, dass Sie in der Lage sind, einfache Textdokumente mit CSS zu formatieren und ihnen Ihren eigenen Stil zu geben. Diese Bewertung gibt Ihnen die Gelegenheit, dies zu tun.

Siehe auch

Learn HTML and CSS ^{MDN Curriculum-Partner}: Der Kurs Learn HTML and CSS von Scrimba lehrt Ihnen HTML und CSS durch den Bau und die Bereitstellung von fünf großartigen Projekten, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, die von erfahrenen Lehrern unterrichtet werden.