Nwlapcug.com


Come impostare un colore di Font in CSS



CSS sta per Cascading Style Sheets. Gli sviluppatori Web utilizzano CSS per separare la struttura del loro codice HTML dalla relativa presentazione. Codice HTML può link a file CSS esterni oppure è possibile incorporare blocchi di codice CSS in ogni pagina HTML. Utilizzando i CSS aumenta la leggibilità del codice e semplifica le attività di manutenzione futura. Ad esempio, memorizzando le definizioni di colore per tutti i paragrafi in un'unica posizione, è possibile ricolorare il testo del sito Web modificando un valore di colore singolo.

Istruzioni

1

Aprire il blocco note e incollare il testo in un nuovo documento:

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

< html xmlns = "l'http://www.w3.org/1999/xhtml" >

< head >

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

< / head >

< style >

< / stile >

< corpo >

< / body >

< classe h1 = "red" > rosso voce < / h1 >

< classe p = "blue" > blu paragrafo </p >

< / html >

Questo crea un documento HTML che contiene un'intestazione (h1) e un paragrafo (p). Questi elementi fanno riferimento a due classi CSS denominate "rosso" e "blu".

2

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

. Red {colore: #FF0000;}

offenda {color: #0000FF;}

Queste classi CSS definiscono i colori rosso e blu, utilizzando la notazione esadecimale (Vedi risorse per altri colori).

3

Premere "Ctrl-S" per aprire la finestra "Salva con nome" di blocco note e digitare un nome nella casella di testo "Nome File". Aggiungere un'estensione ". html" per il nome. Ad esempio, se si desidera denominare il file "ColorTest", digitare "ColorTest.html" nella casella di testo.

4

Fare clic su "Salva". Blocco note verrà salvate il documento come un file HTML.

5

Aprire Windows Explorer. Individuare il file e fare doppio clic su. Il tuo browser per aprire e visualizzare la pagina Web. Verificare che l'intestazione è rosso e il paragrafo è blu.

Consigli & Avvertenze

  • Se avete bisogno di ulteriori colori, creare altre classi CSS. Le classi un nome qualsiasi che ti piace. Non ripetere i nomi delle classi.