Styling mit CSS
Um den Text der vorherigen Seite zu verändern, können wir CSS verwenden. CSS-Selektoren werden verwendet, um bestimmte Elemente in HTML zu finden, die dann gestaltet werden sollen. In diesem Fall wollen wir den Titel und den Text unterschiedlich stylen. Wir definieren dies in einem separaten Datei, die mit der Endung .css bezeichnet wird und in die \<link>-Tag in dem HTML-Code eingebunden wird.
/* styles.css */
h1 {
color: blue;
text-align: center;
}
p {
color: red;
font-size: 14px;
}
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Meine erste Webseite</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Hier steht der Text der Seite, der mit CSS gestaltet werden kann.</p>
</body>
</html>