Come usare i CSS per cambiare il colore del carattere

Stai cercando di abbellire il tuo sito Web con alcuni colori di carattere diversi? Puoi farlo usando i CSS. CSS sta per Cascading Style Sheets ed è il linguaggio predefinito utilizzato per creare e gestire lo stile di qualsiasi sito web.

Esistono tre metodi per applicare CSS a un documento HTML. Questi sono CSS in linea, CSS interni/embedded e CSS esterni.

Metodo uno: CSS in linea

Per cambiare il colore del carattere in CSS, dovrai creare una regola CSS per impostare il valore della proprietà del colore.

Il metodo inline utilizza la proprietà di stile che puoi applicare a quasi tutti gli elementi. Ecco un esempio che imposta il colore del carattere di un paragrafo HTML su rosso:

Paragrafo di testo

Puoi ottenere lo stesso effetto usando CSS interno/embedded o CSS esterno.

Metodo due: CSS interno/incorporato

Puoi utilizzare questo metodo quando desideri creare regole CSS che interessano più di un'istanza di un elemento HTML ma solo su una singola pagina. Le regole CSS vengono quindi scritte nell'intestazione della pagina HTML, utilizzando un elemento di stile:

Metodo tre: CSS esterno

Il terzo modo per ottenere lo stesso effetto è utilizzare un foglio di stile CSS esterno. Utilizzando un editor di testo, creare un file con estensione ".css". La pratica comune è chiamare questo file in qualcosa di simile foglio di stile.css ma puoi nominarlo qualsiasi cosa purché mantieni l'estensione ".css".

Per colorare di verde il corpo del testo, ad esempio, utilizzando un foglio di stile esterno, incolla semplicemente la regola CSS in questo modo:

p {colore: blu}

Nel tuo documento HTML, dovresti includere un collegamento al tuo foglio di stile all'interno dell'elemento head HTML:

Paragrafo di testo

Modifica del colore del carattere in HTML, senza CSS applicato

La migliore pratica è usare CSS, ma ecco come cambiare il colore del carattere usando solo HTML:

Paragrafo di testo

L'elemento font, insieme al relativo attributo color, è deprecato. Questo perché sono elementi di presentazione piuttosto che strutturali. L'HTML moderno dovrebbe essere costituito solo da elementi strutturali.

La modifica del colore del carattere in CSS è relativamente semplice

Ti abbiamo mostrato tre metodi per cambiare il colore del carattere nei CSS. Ti abbiamo anche mostrato come farlo alla vecchia maniera usando il tag font HTML. Provali e vedi quale funziona meglio per te!

Una volta che hai imparato a cambiare il colore del carattere usando CSS e HTML, potresti voler padroneggiare la modifica della dimensione del carattere in HTML.

Come modificare la dimensione del carattere HTML nei CSS

Leggi Avanti

Circa l'autore