Teoria
Teoria

Le basi dei CSS

Il CSS è un linguaggio per controllare l'aspetto di un documento HTML. Con i CSS è possibile impostare i parametri di visualizzazione di qualsiasi tag: larghezza e altezza, rientri, colore e dimensione dei caratteri, sfondo e così via.

CSS è l'abbreviazione di "Cascading Style Sheets" o "Fogli di stile a cascata". Di solito ci si riferisce ai CSS semplicemente come "stili".

Il modo più semplice per applicare gli stili a un tag è usare l'attributo style. Ad esempio:

<p style="color: red;">...</p>.

In questo esempio, il paragrafo è impostato con un colore di carattere rosso. Questo modo di impostare gli stili è chiamato "stili in linea" o "stili inline".

La sintassi di questi stili è molto semplice: proprietà: valore;. E possono esserci diverse proprietà.

Ora facciamo un piccolo schema della parte e segniamo in verde gli argomenti che abbiamo già esercitato. Per la stilizzazione, utilizzeremo gli stili in linea.

index.html

HTML

<!DOCTYPE html> <html> <head> <title>Le basi dei CSS</title> </head> <body> <h1>Schema del corso</h1> Tag di abbinamento. Tag singoli. Attributi dei tag. Stili in linea (incorporati). Stili esterni. Stilizzazione per classe. </body> </html>

ObiettiviFatto

Con l'aiuto dell'attributo style:

Il colore del testo dei primi tre paragrafi è green,
e gli ultimi tre in red.