Come applicare i colori al testo
Immaginiamo di voler applicare un colore al testo normale nella sezione <body> ed un colore diverso ai paragrafi. Supponiamo di scegliere il colore giallo per il testo normale ed il colore rosso per il testo in paragrafo.
1 body{
2
3 color:yellow;
4
5 }
6
7 p{
8
9
10 color:red;
11
12
13
14 }
Ricordate da questo momento in poi il codice va sempre inserito nel file stile.css e nella sezione <head> dovete importarlo come abbiamo visto. Provate a scrivere del testo così
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6
7
8
9 </head>
10 <body>
11
12
13 Testo con colore giallo
14
15 <p>Paragrafo rosso</p>
16
17
18
19 </body>
20 </html>
Nel codice abbiamo usato su body la proprietà color con il valore yellow. Cioè color sta per colore e yellow per giallo. Il valore ricordate sempre dopo i due punti. Mentre la stessa proprietà ma con valore red (rosso) per i paragrafi. Ogni selettore (elemento html) su cui impostiamo le proprietà deve essere inserito fuori le parentesi graffe. Se usate uno degli editor che vi ho consigliato, i vari colori vengono suggeriti, e comunque sono gli equivalenti dell’inglese. Non cancellate questo esempio che possiamo utilizzare nel prossimo argomento.