La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

CSS Sintassi e regole dei CSS. Sintassi  La sintassi del codice CSS è piuttosto semplice:  selettore identifica l’elemento sul quale applicare lo stile.

Presentazioni simili


Presentazione sul tema: "CSS Sintassi e regole dei CSS. Sintassi  La sintassi del codice CSS è piuttosto semplice:  selettore identifica l’elemento sul quale applicare lo stile."— Transcript della presentazione:

1 CSS Sintassi e regole dei CSS

2 Sintassi  La sintassi del codice CSS è piuttosto semplice:  selettore identifica l’elemento sul quale applicare lo stile  proprietà definisce l’attributo che si vuole cambiare  valore specifica come cambiare la proprietà  Esempio: CSS inline 2Alice Pavarani selettore { proprietà: valore; } body { color: blue; } …

3 Esempio 3Alice Pavarani /* più selettori raggruppati */ h1, h2, h3 { color: red; } /* più coppie proprietà:valore per uno stesso selettore */ p { font-family: “sans-serif”; text-align: left; color: black; } /* commenti */

4 Selettore ID Alice Pavarani4  Applicare caratteristiche di formattazione ad una sola occorrenza di uno specifico tag  inserire il codice CSS inline al tag stesso  utilizzare un selettore di tipo ID  Nel codice HTML  Nel codice CSS  I valori assegnati all’attributo id devono essere univoci all’interno di uno stesso documento #titolorosso { color: red; } Titolo rosso... Titolo colore default

5 Selettore class Alice Pavarani5  Applicare delle caratteristiche di formattazione comuni a più tag diversi della pagina  utilizzare un selettore di tipo class  Nel codice HTML  Nel codice CSS importante{ text-align: center; } Titolo1 al centro... Paragrafo al centro h1.importante { font-style: italic; color: red; }


Scaricare ppt "CSS Sintassi e regole dei CSS. Sintassi  La sintassi del codice CSS è piuttosto semplice:  selettore identifica l’elemento sul quale applicare lo stile."

Presentazioni simili


Annunci Google