09 – Grundlagen HTML & CSS: Deklaration und Formatierung der CSS-Klassen und -IDs

Deklaration und Formatierung der Klassen und IDs (wrapper, header, content, navigation und footer) in der CSS-Datei für das HTML-Dokument. Durch die farbige Hervorhebung der Container, entweder durch eine Hintergrundfarbe (background-color) oder eines farbigen Rahmens (border), kann man die Anordnung der Container zueinander veranschaulichen. Es ist also ein legitimes Hilfsmittel zur Orientierung welche Auswirkungen die CSS-Anweisungen auf das Erscheinungsbild der HTML-Struktur haben.

Wichtig ist dabei zu wissen, dass es bei der Verwendung der Auszeichnung / Hervorhebung mittels Rahmenfarben (border) zu Verschiebungen der Container / des Designs kommen kann. Dies ist insbesondere dann der Fall, wenn man Pixelgenau arbeitet; also zum Beispiel jedes Pixels einer zur Verfügung stehenden Breite verwendet; wobei die Breite eines Containers mit CSS fixiert wurde. Ein ähnlicher Effekt entsteht bei der Verwendung von PADDING auf einen Container mit einer festen / fixen Breite.

Folgende wichtige CSS-Anweisungen werden in diesem Video genutzt:

  • Float: left;
  • Clear: both;
  • Display: block;
  • Margin und Padding: Angaben in Pixel;
  • Text-align: justify; (Blocksatz)
  • Line-height: Angabe in Pixel;