Stylio Dogfennau XML gyda CSS

Gwnewch eich XML Edrychwch ar Sut Hoffech Chi Ei Ei â Thaflenni Arddull Cascading

Mae creu dogfen XML, ysgrifennu'r DTD, ac mae ei ddadansoddi gyda porwr i gyd yn iawn, ond sut fydd y ddogfen yn ei arddangos pan fyddwch chi'n ei weld? Nid yw XML yn iaith arddangos. Mewn gwirionedd, ni fydd dogfennau a ysgrifennwyd gyda XML yn cael unrhyw fformatio o gwbl.

Felly, Sut ydw i'n gweld fy XML?

Yr allwedd i weld XML mewn porwr yw Taflenni Arddull Cascading. Mae taflenni arddull yn caniatáu i chi ddiffinio pob agwedd ar eich dogfen XML, o faint a lliw eich testun i gefndir a lleoliad eich gwrthrychau nad ydynt yn destun testun.

Dywedwch fod gennych ddogfen XML:

]> Judy Layard Jennifer Brendan

Pe baech chi'n edrych ar y ddogfen honno mewn porwr parod XML, fel Internet Explorer, byddai'n arddangos rhywbeth fel hyn:

Judy Layard Jennifer Brendan

Ond beth os ydych chi am wahaniaethu rhwng elfennau'r rhiant a'r plentyn? Neu hyd yn oed yn gwneud gwahaniaeth gweledol rhwng yr holl elfennau yn y ddogfen. Ni allwch wneud hynny gyda XML, ac nid yw'n iaith y bwriedir ei ddefnyddio i'w harddangos.

Ond yn ffodus, mae'n hawdd defnyddio Taflenni Arddull Cascading , neu CSS, mewn dogfennau XML i ddiffinio sut rydych chi am i'r dogfennau a'r ceisiadau hynny eu harddangos wrth edrych ar y porwr. Ar gyfer y ddogfen uchod, gallwch ddiffinio arddull pob un o'r tagiau yn yr un modd ag y byddech chi'n ddogfen HTML.

Er enghraifft, yn HTML efallai y byddwch am ddiffinio'r holl destun o fewn tagiau paragraff (

) gyda'r wyneb ffont Verdana, Geneva, neu Helvetica a'r lliw cefndir yn wyrdd. Er mwyn diffinio hynny mewn taflen arddull fel bod pob paragraff yn debyg i hynny, byddech yn ysgrifennu:

p {font-family: verdana, geneva, helvetica; cefndir-liw: # 00ff00; }

Mae'r un rheolau yn gweithio ar gyfer dogfennau XML. Gellir diffinio pob tag yn XML yn y ddogfen XML:

teulu {lliw: # 000000; } rhiant {font-family: Arial Black; lliw: # ff0000; ffin: 5px solet; lled: 300px; } plentyn {font-family: verdana, helvetica; lliw: # cc0000; ffin: 5px solet; ffin-ffin: # cc0000; }

Ar ôl i chi gael eich dogfen XML a'ch taflen arddull wedi'i ysgrifennu, mae angen ichi eu rhoi gyda'i gilydd. Yn debyg i'r gorchymyn cyswllt yn HTML, rhowch linell ar frig eich dogfen XML (islaw'r datganiad XML), gan ddweud wrth y parser XML ble i ddod o hyd i'r daflen arddull. Er enghraifft:

Fel y dywedais uchod, dylid dod o hyd i'r llinell hon o dan y datganiad Ond cyn unrhyw un o'r elfennau yn y ddogfen XML.

Gan ei roi i gyd gyda'i gilydd, byddai'ch dogfen XML yn darllen:

< ! ELEMENT child (#PCDATA)>]> Judy Layard Jennifer Brendan