====== CSS (Cascading Style Sheets) ====== ===== Vorteile von CSS ===== * Trennung von Inhalt und Layout möglich * Einfachere Wartung, Änderung in CSS-Datei gilt sofort für gesamte Website mit allen Unterseiten * Suchmaschinenoptimierung einfacher, da die Crawler den CSS-Code nicht lesen und sich somit ganz auf den Inhalt der Website konzentrieren können * Erleichterte Barrierefreiheit * Deutlich mehr Möglichkeiten zur Formatierung als mit (X)HTML ===== Einbindung in (X)HTML ===== ===== Externe Styles: Einbindung einer CSS-Datei im -Bereich ===== Die CSS-Eigenschaften werden in eine externe Datei, meist mit der Endung ".css" ausgelagert. Diese Datei wird dann im -Bereich der (X)HTML-Seite mit einem -Tag eingebunden. <-- andere Head-Angaben --> ===== Interne Styles: Definieren der CSS-Eigenschaften im -Bereich ===== Bei dieser Methode werden die CSS-Eigenschaften nicht ausgelagert, sondern direkt im -Bereich festgelegt. Dies geschieht innerhalb eines style-Tags. <-- andere Head-Angaben --> ===== Inline-Styles: CSS-Eigenschaften direkt im (X)HTML-Tag festlegen ===== Diese Methode eignet sich besonders, wenn es nur 1-2 CSS-Formatierung für die ganze Seite gibt. Dann wird die Eigenschaft direkt im Tag innerhalb eines style-Attributs festgelegt. Das ist ein Text.