Come impostare un colore di carattere in CSS

August 28

Come impostare un colore di carattere in CSS


CSS sta per Cascading Style Sheets. Gli sviluppatori Web utilizzano i CSS per separare la struttura del loro codice HTML dalla sua presentazione. Il tuo HTML può creare un collegamento a file CSS esterni o si può incorporare blocchi di codice CSS in ogni pagina HTML. Utilizzando i CSS aumenta la leggibilità del codice e semplifica le operazioni di manutenzione future. Ad esempio, memorizzando le definizioni di colore per tutti i paragrafi in una posizione, è possibile ricolorare il testo sito modificando un singolo valore di colore.

istruzione

1 Aprire il Blocco note e incollare questo testo in un nuovo documento:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>CSS Color Test&lt;/title>

</ Head>

<Style>

</ Style>

<Body>

</ Body>

<H1 class = "red"> Direzione Red </ h1>

<P class = "blue"> Blue Paragrafo </ p>

</ Html>

Questo crea un documento HTML che contiene un titolo (h1) e un paragrafo (p). Questi elementi di riferimento di due classi CSS di nome "rosso" e "blu".

2 Aggiungere il seguente testo sotto il tag "<style>":

.Red {color: # FF0000;}

.blue {color: # 0000FF;}

Queste classi CSS definiscono i colori rosso e blu utilizzando la notazione esadecimale (vedi Risorse per più colori).

3 Premere il tasto "Ctrl-S" per aprire il Blocco note di "Salva con nome" finestra e digitare un nome nella casella di testo "Nome file". Aggiungere l'estensione ".html" al nome. Ad esempio, se si vuole dare un nome al file "ColorTest," tipo "ColorTest.html" nella casella di testo.

4 Fai clic su "Salva". Blocco note salverà il documento come file HTML.

5 Aprire Esplora risorse di Windows. Individuare il file e fare doppio clic. Il tuo browser si aprirà e visualizzare la pagina Web. Verificare che il titolo è rosso e il punto è blu.

Consigli e avvertenze

  • Creare altre classi CSS se avete bisogno di altri colori. Nome classi tutto ciò che ti piace. Non ripetere i nomi delle classi.

Articoli Correlati