Extern style sheet

Om je html pagina netjes en overzichtelijk te houden plaatsen we al onze CSS code in een extern CSS bestand.
Voeg aan je index.html de volgende regel toe in je head.

  ...
  <link rel="stylesheet" href="style.css" type="text/css">
</head>

Plaats nu in je style.css dezelfde code als voorgaand voorbeeld.

html, body {
    margin: 0;
    height: 100%;
    width: 100%;
}
h1 {
    font-size: 3rem;
    color: purple;
}

In je index.html

  ...
  <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
  <h1>Mijn eerste website</h1>
</body>
</html>

Omdat in de header het CSS bestand wordt ingeladen krijgt de h1 tag opmaak.
Dit is de methode die wij graag zien.