CSS

This is an old revision of the document!

Ein Cascade Style Sheet legt fest, wie die einzelnen HTML-Elemente zu formatieren sind (Grösse, Farbe, Position, Schriftart, etc.).

Das kann entweder direkt im html-Dokument zwischen style-Tags stehen, oder besser in einer separaten Datei, die im head des Dokuments eingebunden wird, z.B.

  <head>
     <link rel="stylesheet" href="intro.css">
     <!-- noch mehr Dinge, wie z.B. Encoding, Titel, etc. -->
  </head>

Es gibt 3 Grundsätzliche Varianten, Elemente für die Formatierung auszuwählen:

Der Name des html-Elements, z.B. h1, img, div, etc.
Die Klasse des Elements, z.B. .meinmenu (beachten Sie den führenden Punkt), wenn ein Element gibt, das das Attribut class=“meinmenu” hat. Mehrere Elemente können die gleiche Klasse haben. Ein Element kann auch mehrere Klassen haben, diese werden durch Leerschläge getrennt, z.B. class=“inhalt wichtig”.
Die ID des Elements, z.B. #footer, das ein einzelnes Element mit id=“footer” beschreibt. Es darf nur ein einziges Element pro id geben.

Diese Selektoren können dann auch miteinander kombiniert werden. Siehe https://www.w3schools.com/cssref/css_selectors.asp für eine gute Übersicht.