Come lavorare con CSS
Ad ogni tag in HTML corrisponde il cosiddetto
selettore CSS. Ad esempio, al tag p
corrisponde il selettore CSS p, con cui
possiamo rivolgerci a tutti i paragrafi
della pagina HTML e, ad esempio, colorarli tutti
simultaneamente in rosso.
Dopo il selettore vanno messe le parentesi graffe, all'interno delle quali vanno scritte le proprietà CSS. Le proprietà impostano il colore, la dimensione del carattere e altre cose interessanti. Vanno scritte in questo formato: nome della proprietà, poi due punti, poi il valore di quella proprietà (ad esempio, la proprietà è il colore, e "rosso" è il valore). Poi bisogna mettere un punto e virgola e si può scrivere la proprietà successiva.
Ad esempio, coloriamo tutti i paragrafi in rosso:
p {
color: red;
}
Nel vostro file styles.css inserite
il codice che colora i paragrafi in rosso. Aprite
le pagine del vostro sito nel browser e verificate
che tutti i paragrafi siano diventati rossi.