Hoe om XML te gebruik met CSS

As jy bekend is met hoe CSS- style HTML- bladsye, sal jy die konsep van formatering waardeer. By die aanvang van die XML- opspoortaal was die vertoon van data 'n bietjie ingewikkeld, maar dit het met stylbladsye verander.

Deur 'n stylbladverwysing by te voeg, kan jy jou XML-kode formaat en vertoon as 'n webblad. Sonder CSS of enige ander formatering, verskyn XML as basiese teks met 'n fout wat bepaal dat die blaaier nie 'n formatteringsdokument kan vind nie.

XML Styling Voorbeeld

'N Eenvoudige stylblad vereis slegs dat jy die element en die formateringskenmerke wat nodig is om die data te vertoon, moet lys.

Hierdie bietjie kode vertel die verwerker watter elemente moet vertoon en hoe hulle op die webblad moet kyk, soos volg:

steekproef {agtergrondkleur: #ffffff; breedte: 100%;} mymessage {display: block; agtergrondkleur: # 999999; marge-bodem: 30pt;} liggaam {font-grootte: 50%}

Die eerste reël van die formatering lêer is die wortel element. Die eienskappe van die wortel is van toepassing op die hele bladsy, maar jy verander dit vir elke merker. Dit beteken dat jy die agtergrondkleur vir die bladsy kan aanwys en dan weer vir elke afdeling.

Stoor hierdie lêer in dieselfde gids as jou XML-lêer, en maak seker dat dit die. CSS-lêeruitbreiding het.

Skakel na die CSS vanuit die XML

Op hierdie punt is hierdie twee twee afsonderlike dokumente. Die verwerker het geen idee dat jy wil hê dat hulle saamwerk om 'n webblad te skep nie .

U kan dit regmaak deur 'n stelling aan die bokant van die XML-dokument te voeg wat die pad na die CSS-lêer identifiseer. Die verklaring gaan direk onder die aanvanklike XML verklaring verklaring, soos volg:

In hierdie voorbeeld word die CSS-lêer products.css genoem, en daarom word dit as sodanig in die XML-dokument gemerk. Verander dit na enige lêernaam wat u vir die CSS-lêer gekies het.