De koppeling van de opmaak aan de structuur van een website kan op 3 manieren:
Intern stylesheet
Het interne stylesheet maakt gebruik van het element style. Dit element heeft een begin- en een eindtag. Bij een intern stylesheet wordt de CSS-code tussen deze 2 tags in het head-gedeelte van het HTML-document geplaatst.
We willen voor de webpagina het lettertype (font) Arial gebruiken. Het lettertype krijgt de kleurwaarde #ffc0cb. De code voor het interne stylesheet wordt dan:
<head>
<style>
body {font-family: Arial; color: #ffc0cb;}
<style>
</head>
Inline style
Bij een inline style wordt style als attribuut gekoppeld aan het element waar de opmaakcode op van toepassing is.
Hieronder zie je hoe we voor het element p het lettertype Arial gebruiken en de tekst de kleur #ffc0cb geven:
<p style="font-family: Arial; color: #ffc0cb;"> ... </p>