Im Webdesign sind Stylesheets ein sehr wichtiger Bestandteil, der unsere Webseiten schöner und lesbarer machen kann. HTML kann auf externe Stylesheets verlinken, und das am häufigsten verwendete Stylesheet ist CSS. In diesem Artikel stellen wir vor, wie HTML mit CSS verknüpft wird.
1. Was ist CSS?
CSS (Cascading Style Sheets) ist eine Auszeichnungssprache, die zur Beschreibung des Erscheinungsbilds von Dokumenten wie HTML oder XML verwendet wird. CSS kann das Erscheinungsbild und Format einer Webseite von ihrem Inhalt trennen, indem es Schriftarten, Farben, Hintergründe, Layout usw. steuert.
2. CSS in HTML verknüpfen
Um CSS in HTML zu verwenden, müssen wir das -Element hinzufügen. Dieses Element wird verwendet, um auf externe CSS-Dateien zu verlinken. Im -Element können wir den Speicherort, den Dateinamen und den Medientyp der CSS-Datei angeben. Hier ist ein Beispiel:
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
In diesem Beispiel benennen wir die CSS-Datei „styles.css“ über das -Element, das sich im Verzeichnis unserer aktuellen Webseite befindet. Diese CSS-Datei enthält die Stile, die wir auf die Seite anwenden möchten.
Wenn der Browser HTML analysiert, lädt er automatisch die CSS-Datei herunter und wendet die darin enthaltenen Stile auf den HTML-Code an.
3. Internes CSS-Stylesheet
Zusätzlich zur Verknüpfung externer CSS-Dateien können wir auch das
