Introduzione ai CSS - HTML5 con CSS e JavaScript - page 67

Esempio 4.5
body {
font-family: arial;
font-size: 15px;
}
p, div {
color: red;
background: white;
}
* {
color:green;
}
Nell'esempio precedente, impostiamo il colore del testo di tutti i tag p e div sul rosso. Si
possono specificare più tag a cui applicare un determinato stile semplicemente separandoli
con una virgola. Un caso a parte merita il carattere * , che applica lo stile specificato a tutti
i tag.
Possiamo specificare i colori nel formato con nome, come abbiamo fatto nel nostro
esempio (generalmente si tratta del rispettivo colore in inglese e in minuscolo), oppure
usando la forma #RRGGBB . In questo caso, ciascuna coppia equivale a un valore esadeci-
male che indica, rispettivamente, il valore di rosso, verde e blu: per esempio, un grigio avrà
valore #cccccc , il rosso #ff0000 e così via.
Benché comporre i colori usando questa sintassi sia comune, non avrete necessità di
calcolare il rispettivo valore ogni volta manualmente, perché la maggior parte dei tool di
manipolazione delle immagini è in grado di darvi il valore #RRGGBB a partire da un qual-
siasi colore scelto in modo visuale. Nella figura 4.1 viene mostrato un esempio del nostro
CSS applicato alla pagina.
Figura 4.1 - Ecco come appare all'interno di un browser un semplice documento HTML a
cui viene applicato il nostro CSS.