Se hai familiarità con il modo in cui CSS elabora le pagine HTML, apprezzerai il concetto di formattazione. All'inizio del linguaggio di markup XML, la visualizzazione dei dati era un po 'complicata, ma cambiava con i fogli di stile.
Aggiungendo un riferimento al foglio di stile, è possibile formattare e visualizzare il codice XML come pagina Web. Senza CSS o qualche altra formattazione, XML appare come testo base con un errore che afferma che il browser non è in grado di trovare un documento di formattazione.
Esempio di stile XML
Un semplice foglio di stile richiede solo di elencare l'elemento e gli attributi di formattazione necessari per visualizzare i dati.
Questo bit di codice dice al processore quali elementi visualizzare e come dovrebbero apparire sulla pagina web, come questo:
La prima riga del file di formattazione è l'elemento radice. Gli attributi per la radice si applicano all'intera pagina, ma li si cambia per ogni tag. Ciò significa che puoi designare il colore di sfondo per la pagina e poi di nuovo per ogni sezione.
Salva questo file nella stessa directory del tuo file XML e assicurati che abbia l'estensione del file .CSS.
Link al CSS Dall'XML
A questo punto, questi sono due documenti completamente separati. Il processore non ha idea che tu voglia che loro lavorino insieme per creare una pagina web.
È possibile risolvere questo problema aggiungendo un'istruzione nella parte superiore del documento XML che identifica il percorso del file CSS. L'istruzione va direttamente sotto la dichiarazione di dichiarazione XML iniziale, in questo modo:
In questo esempio, viene chiamato il file CSS products.css , motivo per cui è etichettato come tale nel documento XML. Passa a qualsiasi nome di file che hai scelto per il file CSS.
