De style tag

De tag style maakt het mogelijk om CSS rechtstreeks binnen een HTML pagina te schrijven. Houd er rekening mee dat we binnen de tag style schrijven volgens de syntaxis van de CSS-taal (selectors, accolades en zo verder).

Deze tag moet zich bevinden binnen de tag head, maar dit is niet verplicht - de tag style kan ook binnen de tag body worden geplaatst en dit zal werken.

Misbruik de tag style niet - in de meeste gevallen moet je in plaats daarvan gebruik maken van een afzonderlijk CSS-bestand.

Voorbeeld

Laten we CSS binnen HTML-code vastleggen met behulp van de tag style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Dit is de paginatitel</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>Dit is een kop van de standaard (zwarte) kleur.</h1>
    <p>Dit is een paragraaf in het rood.</p>
  </body>
</html>

Zie ook