# 7 - La visualizzazione dei documenti XML con i CSS

Ci sono due metodi per fornire le informazioni dei fogli di stile al browser per un documento xml:

- il primo consiste nel fornire un file CSS che includa informazioni di stile per gli elementi del documento xml;
- il secondo si serve invece della tecnica dei fogli di stile XSLT, sviluppata di recente da W3C.

Sebbene CSS sia uno strumento potente, XSLT si rivela molto piu' efficae per quello che riguarda l'aspetto della visualizzazione dei documenti xml. Lo svantaggio di XSLT e' che questa tecnica non e' ancora disponibile su tutti i browser piu' diffusi (la tecnica XSLT viene descritta nella lezione 8)

La forma di un foglio di stile CSS per un documento XML e' semplice, in quanto consiste in un elenco di nomi di elemento seguiti da un set di attributi CSS degli elementi delimitati da parentesi graffe "{, }".

Il seguente e' un foglio di stile CSS per il documento XML planes:

planes.css (versione TXT)

La sintassi si veda la lezione sui CSS a proposito dei formati di specifica dello stile.

L'unica proprieta' o attributo di stile presente nel file css precedente che non sia stata discussa nelle lezioni sui CSS e' `display`. Questa proprieta' viene visualizzata per specificare se un elemento vada visualizzato inline o in un blocco separato. I valori di `inline` e `block` specificano queste due opzioni. Il valore `inline` e' quello predefinito: quando `display` viene impostato a `block`, il contenuto dell'elemento viene separato di solito dagli altri elementi analoghi da una interruzione di riga.

Il collegamento tra un documento xml e un foglio di stile CSS viene stabilito dall'istruzione di elaborazione `xml-stylesheet` che assieme all'attributo `type` specifica il tipo particolare di foglio di stile e con l'attributo `href` il nome del file che memorizza il foglio di stile.

Per esempio, nel documento planes.xml possiamo inserire la seguente istruzione di elaborazione per il file relativo al foglio di stile:

`<?xml-stylesheet type = "text/css" href = "planes.css"?>`

otteniamo cosi' il nuovo file xml

planes.xml (versioneTXT, con specifica css) ---- planes.xml (versione XML, visualizzabile dal browser)

Ecco cio' che il browser dovrebbe visualizzare non appena si clicca sulla versione XML del file