Aufbau einer Css-Datei

Da der Browser die Website von oben nach unten zeilenweise ausliest, fangen wir auch mit der CSS-Datei von oben an die Seite zu formatieren.

Das erste Tag-dass der Browser im sichtbaren Bereich zu sehen bekommt ist der „Body“.

Was ist passiert?

Wir haben mitgeteilt, dass das Body-Element mit einer Hintergrundfarbe „Silber“ versehen werden soll und die Schriftfarbe ist „dunkelrot“.

Ich hege keinen Schönheitspreis zu gewinnen, vielmehr möchte ich das Prinzip vermitteln.

Das „Tag“ wird benannt und mit geschweifter Klammer geöffnet.

Es folgen die Anweisungen.

Wichtig ist, dass zwischen dem Objekt und der Wertzuweisung ein Doppelpunkt ( : ) vorhanden ist.

Der Abschluss der Anweisung wird durch ein Semikolon ( ; ) dargestellt.

Zum Schluss die ( "}" ) nicht vergessen.

Mehrere Tags mit einer Formatierung versehen.

Alle Überschriften (h1 bis h6) sollen mit dunkelblauer Schrift, unterstrichen und zentriert erscheinen.

In CSS gibt es eine einfache Möglichkeit, Kommentare zu schreiben. Kommentare werden verwendet, um Notizen oder Erklärungen in den Code einzufügen, ohne dass sie die Darstellung der Webseite beeinflussen. Das ist hilfreich, um den Code verständlicher und übersichtlicher zu machen

Syntax:

Ein Kommentar in CSS wird zwischen /* und */ geschrieben. Alles, was zwischen diesen Zeichen steht, wird vom Browser ignoriert.

Eigenschaften von Kommentaren

  • Nicht sichtbar für den Nutzer: Kommentare erscheinen nicht auf der Webseite.
  • Helfen bei der Dokumentation: Sie können verwendet werden, um Abschnitte des Codes zu beschreiben oder Änderungen zu dokumentieren.
  • Debugging-Unterstützung: Sie können genutzt werden, um CSS-Regeln vorübergehend zu deaktivieren.

Beispiele

Erklärung von CSS-Regeln:
Deaktivieren einer Regel:
Struktur im Code schaffen:
Info:
Kommentare können nicht verschachtelt werden.
/* Dies ist ein Kommentar
/* Ein verschachtelter Kommentar */
*/