XML-dokumenttien muotoilu CSS: llä

Tee XML-esityksesi haluamallasi tavalla CSS-tyylitiedostoilla

XML-asiakirjan luominen, DTD: n kirjoittaminen ja sen jäsentäminen selaimella ovat kaikki kunnossa, mutta miten asiakirja näkyy, kun katsot sitä? XML ei ole näyttökieli. Itse asiassa asiakirjoilla, jotka on kirjoitettu XML: llä, ei ole muotoilua lainkaan.

Joten, miten voin tarkastella XML-tunnistetta?

Selaimessa XML-avaimen avaus on Cascading Style Sheets. Tyylilevyjen avulla voit määrittää XML-asiakirjan jokainen osa tekstin koosta ja väreistä ei-tekstin objektien taustaan ​​ja sijaintiin.

Sano sinulla on XML-asiakirja:

< Layard Jennifer Brendan

Jos haluat tarkastella asiakirjaa XML-valmiina selaimessa, kuten Internet Explorerissa, se näyttää jotain tällaista:

Judy Layard Jennifer Brendan

Mutta entä jos halusit erottaa vanhempien ja lasten elementit? Tai jopa tehdä visuaalisen eron kaikkien asiakirjan elementtien välillä. Et voi tehdä sitä XML: llä, eikä se ole kieli, jota on tarkoitus käyttää näytöllä.

Mutta onneksi on helppo käyttää CSS-tyylitiedostoja tai CSS: ää XML-dokumentteihin, jotta voit määrittää, miten asiakirjat ja sovellukset näytetään selaimessa katsottaessa. Edellä mainitussa asiakirjassa voit määrittää kunkin tunnisteen tyylin samalla tavoin kuin HTML-dokumentti.

Esimerkiksi HTML: ssä voit halutessasi määritellä kaikki tekstin otsikkotunnisteiden (

) tekstin fonttikuvana Verdana, Geneve tai Helvetica ja taustaväri vihreänä. Jos haluat määritellä tyylitiedoston niin, että kaikki kappaleet ovat sellaisia, kirjoittaisit:

p {font-family: verdana, geneva, helvetica; taustaväri: # 00ff00; }

Samat säännöt toimivat XML-asiakirjoissa. Jokainen XML-tunniste voidaan määritellä XML-dokumentissa:

perhe {väri: # 000000; } vanhempi {font-family: Arial Black; väri: # ff0000; raja: kiinteä 5px; leveys: 300px; } lapsi {font-family: verdana, helvetica; väri: # cc0000; raja: kiinteä 5px; raja-väri: # cc0000; }

Kun sinulla on XML-asiakirja ja kirjoitetaan tyylitietosi , sinun on laitettava ne yhteen. Samalla tavalla kuin linkkikomento HTML: ssä, laitat rivin XML-asiakirjan yläosaan (XML-ilmoituksen alapuolella), kerro XML-jäsennin, josta löydät tyylitaulukon. Esimerkiksi:

Kuten edellä sanoin, tämä rivi on löydettävä -ilmoituksen alapuolella, mutta ennen mitään elementtiä XML-dokumentissa.

Kun kokoat yhteen, XML-dokumentti lukee:

Brendan