• colore dei caratteri e dello sfondo (color, background …)
• tipo e dimensione del font (font-family, font-size …)
• margini e riempimento (margin e padding)

• l’attributo id è usato per identificare in modo univoco un elemento
• una singola classe, al contrario, può essere assegnata a più elementi, anche dello stesso tipo

• se uno stile va applicato ad un solo specifico elemento usate un ID;
• se invece prevedete di usarlo più volte ovvero su più elementi definite una classe

• famiglia del font
• dimensione
• stile (normal, italic)
• decorazioni (sottolineato, line-through, etc.)
• allineamento ed indentazione

• del testo
• dello sfondo di un elemento (o di tutta la pagina…)

• dimensione degli elementi
• margin
• padding

• bordi degli elementi
• stile delle liste
• stile delle tabelle

Selezione per tag name

consente di modificare lo stile di tutti i tag di quel tipo presenti nel documento

Selezione per id

l’id associato ad un nodo deve essere unico all’interno del documento… ma il browser non effettua nessun controllo sull’unicità di tale identificativo e quindi

la presenza di più nodi con il medesimo id può generare problemi di rendering o interazione

Selezione per classe

consente di selezione un gruppo di nodi attraverso una delle classi associate

CSS: un po’ di esempi… (2/3)

1. Allineare il testo
2. Font
3. Font con un po' di stile

CSS: un po’ di esempi… (3/3)

1. Diamo dimensione ai font
2. Liste & CSS
3. Margin
4. Padding

Selezione di gruppo

consente di associare lo stesso corpo di configurazione CSS ad un insieme di selettori

Selezioni per annidamento

consente di selezionare dei nodi sulla base della loro posizione all’interno della struttura ad albero di un documento HTML

Pseudo Selettori

ricoprono selezioni non rappresentabili altrimenti come la selezione dei link visitati (pseudo classes) o la selezione di elementi non rappresentati da elementi HTML veri e propri (pseudo elements), come ‘first-letter’ o ‘first-line’