Come modificare gli stili per l'elemento <span> in CSS?

Per modificare gli stili di un elemento <span> in CSS, bisogna scrivere un selettore per il tag span e impostare le proprietà desiderate. Ad esempio:

span {
  color: red;
  font-weight: bold;
}

Questo codice renderà tutti gli <span> rossi e in grassetto.

Se si desidera modificare lo stile di uno <span> specifico, si può usare una classe o un id:

<span class="highlight">Testo</span>

.highlight {
  background-color: yellow;
}

È anche possibile applicare stili inline direttamente nell'HTML:

<span style="color: blue;">Testo blu</span>