CSS

Sintassi Basica
L'istruzione nei CSS è composta di tre parti: un **selettore**, una **proprietà** e un **valore**:

code format="css" selettore {proprietà: valore} code In genere il selettore è l'elemento HTML che si desidera definire, la proprietà è l'attributo che si desidera cambiare e che deve prendere il valore specificato.

I “due punti” separano la proprietà dal valore, entrambi sono circondati dal simbolo parentesi graffa (nella tastiera italiana si ottengono con la combinazione **alt+123** e **alt+125** oppure **altGr+ shift + [** e **altGr + shift + ]** ):

code format="css" body {color: black} code questa dichiarazione imposta il colore nero per il testo all'interno dei tag presenti entro il tag body.

Se il valore è specificato da più parole, vengono usate le virgolette:

code format="css" h2 {font-family: "sans serif"} code

Se si vuole specificare più di una proprietà si usa il punto e virgola per separare: nell'esempio che segue si specifica che un paragrafo ha il testo allineato al centro e il colore rosso.

code format="css" p {text-align:center;color:red} code

Per rendere il codice più leggibile si possono utilizzare più righe e indentazione.

code format="css" p { text-align: center; color: black; font-family: arial } code

file esterno collegato
code format="html"  code

stile incorporato nella testata del html
code format="html"  p { background-color:red; color:blue; }

code

file esterno importato e incorporato nello stile in
code format="html"  @import url("style.css"); p { background-color:red; color:blue; } code

codice css "in linea"
code format="html" testo code