Nehalennia informatica, HTML5 en webdesign v2023 hfdst 4

Er is een drietal manieren waarop CSS gebruikt kan worden:

.inline stijlen: Een inline stijl gebruik je als een stijl slechts voor een enkel element binnen één HTML-document wilt gebruiken. Je voegt dan aan een HTML-element het style-attribuut toe en geeft het als waarde één of meer stijldeclaraties
bijvoorbeeld <h1 style="color:blue;">Grote blauwe letters</h1>
een stijlblok: Wanneer een stijl vaker gebruikt wordt en/of voor meer elementen, maar slechts binnen één document, dan kun je het beste een stijlblok in de head van het document plaatsen. Dat doe je door het style-element op te nemen en daarbinnen één of meer stijlregels te plaatsen.
bijvoorbeeld
```
<head>
 <style>
   body {background-color: linen;}
   h1 {color: maroon; margin-left: 40px;} 
 </style>
</head>
```
een stijlblad: Wanneer een stijl in meerdere documenten gebruikt moet worden, dan is het verstandig deze in een apart document te plaatsen: een extern stijlblad. In de head van een HTML-document kun je het LINK element opnemen om aan te geven in welk stijlblad de stijlen staan:
bijvoorbeeld
```
<head>
 <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
```
In het bestand stylesheet.css staat dan bijvoorbeeld:
```
   body {background-color: linen;}
   h1 {color: maroon; margin-left: 40px;} 
```

Hierbij is de laatste manier, met het stijlblad, het prettigste werken. Zo blijft de opmaak gescheiden van de inhoud, en kun je meerdere internetpagina's de zelfde stijldefinities laten gebruiken.