0Pricing
HTML for Kids · Lektion

Was ist CSS?

Was ist CSS?

Was ist CSS? ist eine kostenlose HTML for Kids-Lektion auf CoddyKit. Dies ist Lektion 1 von 1. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des HTML for Kids-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der HTML for Kids-Kurs umfasst insgesamt 1 Lektionen.

Einführung

Hallo,

In diesem Kurs lernen Sie CSS kennen, eine Programmiersprache, die die Darstellung unserer Webseiten verbessert.

Wenn Sie mit HTML nicht vertraut sind, absolvieren Sie zuerst den Kurs HTML Getting Started. 

Wenn Sie sagen: „Ich kenne HTML bereits“, können wir loslegen.

Was ist CSS? — Illustration 1

In diesem Teil unseres Kurses lernen wir, warum wir CSS benötigen

In diesem Teil unseres Kurses lernen wir, warum wir CSS benötigen.

Beginnen wir mit der ersten Frage, die mir beim Lernen von CSS durch den Kopf ging.

Warum brauchen wir eine zusätzliche Sprache für Dinge, die HTML nicht kann?

HTML ist eine Sprache, mit der wir Daten präsentieren

Rufen wir uns zunächst ins Gedächtnis, was HTML macht. 

HTML ist eine Sprache, mit der wir die auf Webseiten vorhandenen Daten (Text, Bilder, Formeln usw.) den Benutzern präziser präsentieren.

Ein HTML-Dokument als Grundlage einer Webseite

Stellen wir uns zum Beispiel vor, wir würden einen Artikel in einem Notizbuch schreiben. 

Wenn wir die Punkte, Kommas und anderen Satzzeichen aus unserem Artikel entfernen, könnten wir den Lesern eine falsche Vorstellung von dem vermitteln, was wir sagen möchten.

Auch im Web gibt es HTML-Tags, mit denen wir die Informationen, die wir den Benutzern vermitteln möchten, auf Webseiten verständlicher ausdrücken.

Eine Webseite ist ein HTML-Dokument, und Browser suchen nach einem HTML-Dokument, um die Seite auszuführen. Sie können sich ein HTML-Dokument also als Grundlage einer Webseite vorstellen.

Was macht CSS also?

Was macht CSS also?

CSS ist eine Technologie, die entwickelt wurde, um für die visuelle Darstellung unserer Daten zu sorgen, bei der HTML nicht ausreicht.

CSS im Vergleich

Betrachten wir einen weiteren Vergleich. Stellen Sie sich vor, Sie bauen ein Haus. Die Hauptaufgabe eines Hauses besteht darin, den Menschen, die darin leben werden, als Unterkunft zu dienen. Genau das macht HTML.

Der Hauptzweck einer Webseite besteht darin, den Menschen, die sie in ihrem Browser öffnen, Informationen bereitzustellen. CSS ist eine Technologie, die für die Außenfarbe und die Dekoration des Hauses sowie für die richtige Platzierung der Fenster sorgt.

CSS anhand einer Analogie 2

Auch wenn ideale Webseiten kein CSS enthalten (z. B. Wikipedia), erfüllt HTML seine Hauptaufgabe, da es Daten enthält. CSS hilft HTML jedoch dabei, diese Daten für den Benutzer sinnvoller und ansprechender darzustellen.

Was ist CSS? — Illustration 7

Wikipedia – 1

Das obige Bild zeigt einen Screenshot der Website wikipedia.com mit deaktivierten Styles. 

Mit anderen Worten: Wenn wir nur die Sprache HTML verwenden, können wir unseren Besuchern eine Ausgabe wie die oben gezeigte liefern.

Was ist CSS? — Illustration 8

Wikipedia 2

Betrachten wir nun die Ausgabe, nachdem wir den CSS-Code wieder aktiviert haben.

Wie Sie sehen, ändern sich die auf der Website präsentierten Daten nicht, aber mit CSS wird unsere Website für die Benutzer benutzerfreundlicher.

Was ist CSS? — Illustration 9

Es hat zahlreiche visuelle Möglichkeiten erhalten

Mit der aktuellen Version von CSS, CSS3, hat CSS zahlreiche visuelle Möglichkeiten erhalten.

Häufig gestellte Fragen

Wir haben gelernt, was CSS ist. Bevor wir zum nächsten Abschnitt übergehen,

sehen wir uns die häufigsten Fragen zu CSS an.

Geschichte von CSS

Seit wann wird CSS (Cascading Style Sheets) verwendet?

CSS ist eine Technologie, die seit 1996 verwendet wird.

ohne CSS zu verwenden?

Kann ich eine Webseite ohne CSS erstellen?

Ja, das können Sie. Sie wird jedoch wahrscheinlich so schlecht aussehen, dass kein Benutzer sie besucht. Ohne CSS kann eine Webseite kaum als echte Webseite bezeichnet werden.

Frage zu großen Webanwendungen

Verwenden große Webanwendungen wie Facebook, Google und Amazon CSS?

Ja. Nicht nur diese, sondern jede Webseite, die Sie im Browser öffnen, verwendet CSS.

Ist CSS schwierig zu lernen?

Ist CSS schwierig zu lernen?

CSS ist leicht zu lernen. Wir schreiben Code fast so, als würden wir Englisch sprechen. Bei einigen wenigen Themen tun sich Softwareentwickler jedoch oft schwer. 

Zum Beispiel bei der Positionierung von Blöcken auf der Seite. Auf diese und ähnliche Fragen werden wir uns konzentrieren. Am Ende unseres Kurses werden Sie CSS auf jeden Fall beherrschen.

CSS-Tipp

Haben Sie einen Tipp für mich zum Lernen von CSS?

Ja. Sie können CSS sehr schnell lernen, indem Sie viel üben.

Glückwunsch

Glückwunsch. 🥳🥳🥳

Sie haben die Lektion Was ist CSS? abgeschlossen.

Im nächsten Abschnitt lernen wir die Einführung in CSS kennen.

Sie können auf „Weiter“ klicken, um mit dem nächsten Abschnitt fortzufahren.

Was ist CSS? — Illustration 17

Häufig gestellte Fragen

Ist die Lektion „Was ist CSS?“ kostenlos?

Ja — der vollständige Text von „Was ist CSS?“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des HTML for Kids-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der HTML for Kids-Kurs umfasst insgesamt 1 Lektionen.

Was lerne ich in „Was ist CSS?“?

Was ist CSS? Du übst HTML for Kids mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um HTML for Kids zu starten?

Keine Vorkenntnisse erforderlich. HTML for Kids auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 1.

Wie lange dauert die Lektion „Was ist CSS?“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser HTML for Kids-Lektion Code schreiben und ausführen?

Ja. Jede HTML for Kids-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

← Zurück zu HTML for Kids