Tag style

Il tag style permette di scrivere CSS direttamente all'interno della pagina HTML. Tieni presente che all'interno del tag style scriviamo, rispettando la sintassi del linguaggio CSS (selettori, parentesi graffe e così via).

Questo tag dovrebbe essere posizionato all'interno del tag head, tuttavia non è obbligatorio - il tag style può essere posizionato anche all'interno del tag body e funzionerà.

Non bisogna abusare del tag style - invece, il più delle volte, si dovrebbe usare un file CSS separato.

Esempio

Scriviamo CSS all'interno del codice HTML utilizzando il tag style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Questo è il titolo</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>Questo è un titolo di colore standard (nero).</h1>
    <p>Questo è un paragrafo di colore rosso.</p>
  </body>
</html>

Vedi anche