XML-asiakirjojen muotoilu CSS: n avulla

click fraud protection

XML-asiakirjan luominen, DTD: n kirjoittaminen ja jäsentäminen selaimella on hienoa, mutta miten asiakirja näkyy, kun sitä tarkastellaan? XML ei ole esityskieli. XML: llä kirjoitetuilla asiakirjoilla ei ole lainkaan muotoilua.

Kuinka tarkastella XML: ää

Avain XML: n katselemiseen selaimessa on CSS-tyylitaulukot. Tyylisivujen avulla voit määrittää XML-dokumenttisi kaikki näkökohdat tekstin koosta ja väristä muiden kuin tekstiobjektien taustaan ​​ja sijaintiin.

Oletetaan, että sinulla on XML-asiakirja:


]>
Judy
Pohja
Jennifer
Brendan

Jos tarkastelet kyseistä asiakirjaa XML-yhteensopivalla selaimella, kuten Internet Explorer, se näyttää jotain tällaista:

Judy Layard Jennifer Brendan

Mutta entä jos haluaisit tehdä eron vanhemman ja lapsen välillä? Tai jopa tehdä visuaalinen ero asiakirjan kaikkien elementtien välillä. Et voi tehdä sitä XML: llä, eikä se ole kieli, joka on tarkoitettu käytettäväksi näyttämiseen.

XML-muotoilu

Mutta onneksi sitä on helppo käyttää CSS-tyyliarkittai CSS, XML-asiakirjoissa määritelläksesi, kuinka haluat kyseisten asiakirjojen ja sovellusten näkyvän selaimessa. Yllä olevassa asiakirjassa voit määrittää kunkin tagin tyylin samalla tavalla kuin HTML-dokumentti.

instagram viewer

Esimerkiksi HTML-muodossa haluat ehkä määrittää kaiken tekstin kappaletagien sisällä (

p {
fonttiperhe: verdana, geneva, helvetica;
taustaväri: # 00ff00;
}

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

perhe {
väri: # 000000;
}
vanhempi {
fonttiperhe: Arial Black;
väri: # ff0000;
reunus: kiinteä 5 kuvapistettä;
leveys: 300px;
}
lapsi {
fonttiperhe: verdana, helvetica;
väri: # cc0000;
reunus: kiinteä 5 kuvapistettä;
reunaväri: # cc0000;
}

Kun sinulla on XML-asiakirja ja tyylitaulukko on kirjoitettu, sinun on koottava ne yhteen. Samoin kuin linkkikomento HTML: ssä, laitat rivin XML-dokumenttisi yläosaan (XML-ilmoituksen alle) ja kerrot XML-jäsentimelle, mistä tyylisivut löytyvät. Esimerkiksi:


Kuten edellä todettiin, tämän rivin tulisi olla ilmoituksen alapuolella, mutta ennen mitään XML-asiakirjan elementtejä.

Yhdistämällä kaikki yhteen XML-dokumenttisi lukisi:


]>
Judy
Pohja
Jennifer
Brendan
instagram story viewer