CSS in HTML einbinden

  • Wir haben drei Arten um CSS im HTML nutzen zu können.
  • Externes CSS einbinden

    Besonders wertvoll ist das verweisen auf eine externe CSS. Im #head einer HTML Datei wird mit #link auf die externe CSS verwiesen. Es können mehrere CSS Dateien eingebunden werden.

    <link rel=“stylesheet“ href=“style.css“>
  • Inline CSS einbinden

    Die CSS Angaben können auch in den #head der HTML Dokumente geschrieben werden. Bei kleinen Projekten ist es wiederum praktisch. Ich empfehle das nicht für das Entwickeln einer größeren Seite, weil es schnell zu unübersichtlichen HTML Dokumenten führen kann. Es ist anzumerken dass CSS aus dem #style am Schnellsten geladen werden kann.

      <style> 
        h1 { 
          color: #ff0000; } 
      </style>
  • Inline CSS spezifisch einbinden

    CSS Eigenschaften können auch im #body bei den HTML-Tags geschrieben werden. Insofern leitet #style sowohl als Element im #head als auch Attribut in beleibigen Elementen CSS ein.

    <li style="background-image: url('image.jpg');">

Arnold-Bode-Schule
Berufliche Schule der Stadt Kassel
Kontakt | Impressum | Datenschutz