CSS: Fogli di stile

Contenuto di un file CSS

Dettagli

Ultima modifica il Sabato, 15 Ottobre 2011 08:31

Un file CSS è un semplice file di testo, editabile con qualsiasi editor di testo (anche se l'uso di un editor apposito per CSS aiuta a velocizzarne la stesura e ad evitare errori) e contiene un insieme di regole (rules).
Ogni regola è composta da un selettore, che è l'identificativo cui verrà applicata la regola, e le dichiarazioni, racchiuse tra parentesi graffe.
All'interno delle parentesi graffe ci possono essere più dichiarazioni, separate tra loro da un punto e virgola (dopo l'ultima dichiarazione non è necessario, per i browser più recenti, il punto e virgola, ma è consigliato per garantire la compatibilità con alcuni browser più datati).
Ogni dichiarazione è composta da una proprietà, due punti, e uno o più valori.
La proprietà è un aspetto da definire (colore, dimensioni, ecc...) come dato dai valori.

All'interno dei file CSS possono essere scritti dei commenti, che non vengono interpretati dal browser, ma sono utili per l'autore come promemoria.
Segno di apertura: /*
Segno di chiusura: */

In alcuni casi, per definire dei valori di più proprietà, è possibile usare delle scorciatoie, in pratica usando una proprietà che raggruppa tuti quei valori.
Ad esempio, per definire i margini sui quattro lati di un elemento della pagina (dichiarazione) ci sono quattro proprietà:

Con una sola proprietà scorciatoia invece, possiamo attribuire tutti e 4 i valori:

Le proprietà a sintassi abbreviata sono: background, border, border-top, border-right, border-bottom, border-left, cue, font, list-style, margin, outline, padding, pause
Quando invece si vogliono applicare le stesse dichiarazioni a selettori di natura diversa è possibile farlo mettendoli insieme, ma separandolicon delle virgole.