# apart css bestand

_Als je meerdere pagina's gaat maken in je website is het beter om de CSS in een apart bestand te zetten. Hieronder het stappen plan hoe dat werkt._&#x20;

* Maak een bestand in dezelfde map als `index.html`&#x20;
* Noem het: `style.css`&#x20;
* Zet daar alles wat tussen de **\<style>**-tags staat in&#x20;
*   Zet er een link naartoe in je HTML-pagina:\
    `<html>`

    &#x20; `<head>`

    &#x20;   `<link rel="stylesheet" href="style.css">`

    &#x20; `</head>`

    &#x20; `<body>`
* Sla beide bestand op en test het.

Zoe ziet dat er uit in repl.it:

![](https://210966672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOkCIGxiLmgO-SziAsS%2F-MOptxC1lBlVkeXcZzf3%2F-MOpumoBxcv1XeIOmd1X%2FScreenshot%202020-12-18%20at%2013.55.11.png?alt=media\&token=ec6c06ee-401f-46ef-af58-dab5de935ca8)

![](https://210966672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOkCIGxiLmgO-SziAsS%2F-MOptxC1lBlVkeXcZzf3%2F-MOpv-sJwhP3jJtrNSSQ%2FScreenshot%202020-12-18%20at%2013.56.09.png?alt=media\&token=c1fff59f-5807-4676-9836-4acd68afba69)
