Sintassi e regole dei CSS
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 selettore { proprietà: valore; } body { color: blue; } <body style=“color: blue”> … </body> Alice Pavarani
Esempio /* 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 */ Alice Pavarani
Selettore ID 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 <h1 id=“titolorosso”>Titolo rosso</h1> ... <h1>Titolo colore default</h1> #titolorosso { color: red; } Alice Pavarani
Selettore class Applicare delle caratteristiche di formattazione comuni a più tag diversi della pagina utilizzare un selettore di tipo class Nel codice HTML Nel codice CSS <h1 class=“importante”>Titolo1 al centro</h1> ... <p class=“importante”>Paragrafo al centro</p> .importante{ text-align: center; } h1.importante { font-style: italic; color: red; } Alice Pavarani