Erste Schritte mit CSS

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

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, sollten Sie:

Grundlegende Vertrautheit mit der Nutzung von Computern und dem passiven Verwenden des Internets (d.h. Betrachten und Konsumieren von Inhalten) haben.
Eine grundlegende Arbeitsumgebung eingerichtet haben, wie im Installieren grundlegender Software beschrieben, und ein Verständnis dafür haben, wie man Dateien erstellt und verwaltet, wie im Umgang mit Dateien beschrieben.
Grundlegende Vertrautheit mit HTML besitzen, wie im Modul Einführung in HTML behandelt.

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 der Code-Beispiele in einem Online-Coding-Programm wie JS Bin oder Glitch ausprobieren.

Leitfäden

Dieses Modul enthält die folgenden Artikel, die Ihnen alle grundlegenden Theorien zu CSS vermitteln und Ihnen die Möglichkeit geben, einige Fähigkeiten zu testen.

Was ist CSS?: CSS (Cascading Style Sheets) ermöglicht es Ihnen, ansprechende Webseiten zu erstellen, aber wie funktioniert es unter der Haube? Dieser Artikel erklärt, was CSS ist, mit einem einfachen Syntaxbeispiel und behandelt einige Schlüsselbegriffe zur Sprache.
Erste Schritte mit CSS: In diesem Artikel werden wir ein einfaches HTML-Dokument nehmen und CSS darauf anwenden, wobei wir einige praktische Aspekte der Sprache kennenlernen.
Wie CSS strukturiert ist: Jetzt, da Sie eine Vorstellung davon haben, was CSS ist und die Grundlagen der Verwendung kennen, ist es an der Zeit, etwas tiefer in die Struktur der Sprache selbst einzutauchen. Wir haben bereits viele der hier besprochenen Konzepte kennengelernt; Sie können darauf zurückkommen, um sich zu vergewissern, wenn spätere Konzepte verwirrend sind.
Wie CSS funktioniert: Wir haben die Grundlagen von CSS gelernt, wofür es ist und wie man einfache Stylesheets schreibt. In diesem Artikel werden wir uns ansehen, wie ein Browser CSS und HTML nimmt und daraus eine Webseite macht.

Bewertungen

Die folgende Bewertung wird Ihre Verständnis der in den Leitfäden oben behandelten CSS-Grundlagen testen.

Styling einer Biographie-Seite: Mit dem, was Sie in den letzten Artikeln gelernt haben, sollten Sie feststellen, dass Sie einfache Textdokumente mit CSS formatieren können, um ihnen Ihren eigenen Stil zu verleihen. Diese Bewertung gibt Ihnen die Gelegenheit dazu.

Siehe auch

Lernen Sie HTML und CSS ^{MDN Curriculum-Partner}: Der Learn HTML and CSS-Kurs 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, geleitet von kompetenten Lehrern.