Interne Stylesheets
Ein internes Stylesheet in CSS ist eine Möglichkeit, CSS-Regeln direkt innerhalb einer HTML-Datei zu definieren. Du schreibst es im <head>-Bereich der Seite mit dem <style>-Tag.
HTML/CSS Codebeispiel
1<!DOCTYPE html>
2<html lang="de">
3<head>
4 <meta charset="UTF-8">
5 <title>Interne Stylesheets</title>
6
7 <style>
8 body {
9 background-color: lightblue;
10 }
11
12 h1 {
13 color: darkblue;
14 }
15
16 p {
17 font-size: 18px;
18 }
19 </style>
20</head>
21
22<body>
23 <h1>Hallo Welt</h1>
24 <p>Das ist ein Absatz.</p>
25</body>
26</html>Im nächsten Kapitel lernst du: Inline Styles