CSS Cascade Style Sheets
CSS I fogli di stile a cascata (o semplicemente fogli di stile) vengono utilizzati per definire la formattazione di documenti HTML, XHTML e XML Permettono di separare la formattazione dal contenuto Esempio: impostare il testo del body di colore blu body { color: blue; } Alice Pavarani
Inserimento di codice CSS nella pagina HTML Fogli di stile esterni contenuti in file esterni alla pagina Web Fogli di stile interni all’interno dell’header della pagina (<head>) Stile inline attributo style di un qualsiasi tag Alice Pavarani
Fogli di stile esterni File di testo con estensione .css All’interno del tag <head> della pagina: Attributi del tag <link> significativi per i CSS rel specifica la relazione tra il documento e il documento collegato (es. stylesheet, help, license, icon, …) href specifica il percorso del file type MIME del documento collegato Da usare quando: il sito Web ha molte pagine <link rel="stylesheet" href="style.css" type="text/css"> Alice Pavarani
Fogli di stile interni Incorporare il codice CSS all’interno della pagina HTML Tag <style> all’interno del tag <head>: Da usare quando: un documento HTML ha un unico stile <head> <style> … codice CSS </style> </head> Alice Pavarani
Stile inline Inserire il codice CSS come valore dell’attributo style di qualsiasi tag: Da usare quando: lo stile è limitato ad una sola occorrenza di un elemento <tag style="…codice CSS…"> contenuto per cui si vuole modificare lo stile </tag> Alice Pavarani
Ordine di priorità dei CSS Ordine a cascata: Stile default del browser (priorità più BASSA ) Foglio di stile esterno Foglio di stile interno Stile inline (priorità più ALTA ) Un frammento di codice CSS inline prevale sul codice CSS definito all’interno dell’<head> della pagina, che a sua volta prevale su un CSS contenuto in un file esterno. Alice Pavarani