In questa lezione vedremo come inserire delle regole nella nostra pagina CSS.  Ora si abbandonano le conoscenze dell’html e si viaggia verso un sapere tutto nuovo …

Tutta la pagina CSS si basa su due componenti fondamentali: le regole e i commenti.

In questo articolo inizieremo con le regole, mentre nel prossimo parleremo dei commenti.

Un regola in un fogli di stile è strutturata da una parte iniziale (detta selettore) e da una seconda parte che segue il selettore e che è posizionata tra due parentesi graffe { e } . Nelle ultime tastiere non c’è alcun tasto dove trovar disegnate le parentesi graffe, tuttavia esse sono reperibili con i tasti Shift-Alt-[ e Shift-Alt-]. La parte racchiusa tra le parentesi graffe è detta blocco delle dichiarazioni.

•  Il selettore indica la parte che vogliamo modificare.

 

• Il blocco delle dichiarazioni indica in che modo modificare quella data parte.

Nel blocco delle dichiarazioni è sempre contenuto una proprietà con il rispettivo valore. Una proprietà può avere più valori, ma NON viceversa. Se vogliamo aggiungere più proprietà, ad ogn’una di esse dobbiamo attribuire valori separati ed ogni coppia proprietà-valore va separata da quella seguente tramite ;

 

Ecco un esempio

h1 {color : red; background : white; }

 

Tags: cascading styles sheets, CSS