Wie verbinde ich CSS mit HTML?

Antwort

Um CSS mit HTML zu verbinden, gibt es drei Hauptmethoden: 1. **Externe CSS-Datei**: - Erstelle eine separate CSS-Datei (z.B. `styles.css`). - Verlinke diese Datei im `<head>`-Bereich deines HTML-Dokuments mit dem `<link>`-Tag. ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dokument</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Hallo Welt</h1> </body> </html> ``` 2. **Interne CSS**: - Füge CSS direkt im `<style>`-Tag innerhalb des `<head>`-Bereichs deines HTML-Dokuments hinzu. ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dokument</title> <style> body { background-color: lightblue; } h1 { color: navy; } </style> </head> <body> <h1>Hallo Welt</h1> </body> </html> ``` 3. **Inline-CSS**: - Füge CSS direkt in den HTML-Tags mit dem `style`-Attribut hinzu. ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dokument</title> </head> <body style="background-color: lightblue;"> <h1 style="color: navy;">Hallo Welt</h1> </body> </html> ``` Die Verwendung einer externen CSS-Datei ist in der Regel die beste Praxis, da sie die Trennung von Inhalt und Design ermöglicht und die Wartung erleichtert.

Frage stellen und sofort Antwort erhalten

Verwandte Fragen

Wie führt man eine .bat Datei durch eine Aktion auf einer HTML-Seite aus?

Das Ausführen einer .bat-Datei direkt über eine HTML-Seite ist aus Sicherheitsgründen nicht möglich. Webbrowser sind so konzipiert, dass sie den Zugriff auf das Dateisystem des Ben... [mehr]

Was ist SCSS?

SCSS (Sassy CSS) ist eine erweiterte Syntax von Sass (Syntactically Awesome Style Sheets), einem CSS-Präprozessor. SCSS ermöglicht es Entwicklern, CSS auf eine effizientere und strukturierte... [mehr]