CSS-Übersicht

Was ist CSS?

  • CSS bezeichnet die Cascading Style Sheets* (Cascading Style Ssheets)
  • CSS beschreibtWie werden HTML-Elemente auf dem Bildschirm, auf Papier oder anderen Medien angezeigt
  • CSS Sparen Sie eine Menge Arbeit。Es kann gleichzeitig die Layouts mehrerer Webseiten steuern
  • Externe Style-Sheets werden gespeichert in CSS-Datei中

*:auch bekannt als Cascading Style Sheets.

CSS-Demonstration - eine HTML-Seite - mehrere Stile!

Hier ist eine HTML-Seite, die vier verschiedene Style-Sheets enthält. Klicken Sie auf die folgenden Links zu den Style-Sheets, um verschiedene Stile anzuzeigen:

Warum CSS verwenden?

CSS wird verwendet, um die Stile von Webseiten zu definieren, einschließlich der Gestaltung und Anordnung für verschiedene Geräte und Bildschirmgrößen.

CSS Beispiel

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Probieren Sie es selbst aus

CSS löst ein großes Problem

HTML war niemals dazu bestimmt, Tags zur Formatierung von Webseiten zu enthalten!

Der Zweck der Erstellung von HTML istBeschreiben Sie die Webseitez.B.:

<h1>Das ist ein Titel.</h1>
<p>Das ist ein Absatz.</p>

Nachdem Tags wie <font> und die color-Eigenschaft in die Spezifikation HTML 3.2 aufgenommen wurden, begann das Alptraum der Webentwickler. Der Entwicklung großer Websites wurde das Hinzufügen von Zeichensatz- und Farbinformationen zu jeder Seite hinzugefügt, was sich in ein langwieriger und kostspieliger Prozess verwandelte.

Um dieses Problem zu lösen, hat die World Wide Web Consortium (W3C) CSS erstellt.

CSS hat das Style-Format aus HTML-Seiten entfernt!

Wenn Sie nicht wissen, was HTML ist, empfehlen wir Ihnen, HTML-Tutorial.

CSS spart viel Arbeit!

Stildefinitionen werden normalerweise in externen .css-Dateien gespeichert.

Durch die Verwendung von externen Stylesheet-Dateien müssen Sie nur eine Datei ändern, um das Erscheinungsbild der gesamten Website zu ändern!