Hvis du er bekendt med, hvordan CSS stiler HTML-sider, vil du sætte pris på begrebet formatering. Ved starten af XML-markeringssproget var visning af data lidt kompliceret, men det blev ændret med stilark.
Ved at tilføje en stylesheet-reference kan du formatere og vise din XML-kode som en webside. Uden CSS eller en anden formatering vises XML som grundlæggende tekst med en fejl, der angiver, at browseren ikke kunne finde et formateringsdokument.
XML Styling Eksempel
Et simpelt stilark kræver kun, at du angiver elementet og formateringsattributterne, der er nødvendige for at vise dataene.
Denne bit kode fortæller processoren, hvilke elementer der skal vises, og hvordan de skal se på websiden, som denne:
Den første linje i formateringsfilen er root-elementet. Attributterne til roden gælder for hele siden, men du ændrer dem for hvert mærke. Det betyder, at du kan angive baggrundsfarven for siden og derefter igen for hvert afsnit.
Gem denne fil til den samme mappe som din XML-fil, og kontroller, at den har .CSS filtypenavnet.
Link til CSS Fra XML
På dette tidspunkt er disse to helt separate dokumenter. Processoren har ingen anelse om, at du vil have dem til at arbejde sammen for at oprette en webside.
Du kan rette dette ved at tilføje en erklæring øverst i XML-dokumentet, der identificerer stien til CSS-filen. Erklæringen går direkte under den oprindelige XML-erklæringserklæring, som denne:
I dette eksempel kaldes CSS-filen products.css , hvorfor det er mærket som sådan i XML-dokumentet. Skift det til det filnavn, du valgte for CSS-filen.
