Kiel Uzi XML Kun CSS

Se vi estas konata pri kiel CSS stiloj HTML- paĝoj, vi dankos la koncepton de formatado. Je la komenco de la XML- lingva lingvo, montri datumojn iomete komplikis, sed tio ŝanĝis per stilaj folioj.

Aldonante stilajn referencojn, vi povas formati kaj montri vian XML-kodon kiel retpaĝon. Sen CSS aŭ iu alia formato, XML aperas kiel baza teksto kun eraro, kiu deklaras, ke la retumilo ne povis trovi formatan dokumenton.

XML-Stila ekzemplo

Simpla stilo nur bezonas, ke vi listigu la elementon kaj la formatajn atributojn necesajn por montri la datumojn.

Ĉi tiu bito de kodo diras al la procesoro, kiun elementoj montri kaj kiel ili devus rigardi la retpaĝon, kiel ĉi:

specimeno {background-color: #ffffff; larĝa: 100%;} mymessage {display: bloko; fonkoloro: # 999999; rando-fundo: 30pt;} korpo {font-grandeco: 50%}

La unua linio de la formato dosiero estas la radika elemento. La atributoj por la radiko apliki al la tuta paĝo, sed vi ŝanĝas ilin por ĉiu etikedo. Ĉi tio signifas, ke vi povas nomumi la fonkoloron por la paĝo kaj poste denove por ĉiu sekcio.

Konservu ĉi tiun dosieron al la sama dosierujo kiel via XML-dosiero, kaj certigu, ke ĝi havas la .CSS-dosieron-etendon.

Ligilo al la CSS De la XML

Je ĉi tiu punkto, ĉi tiuj estas du tute apartaj dokumentoj. La procesoro havas neniun ideon, ke vi volas, ke ili laboru kune krei retpaĝon .

Vi povas ripari tion aldonante deklaron al la supro de la XML-dokumento, kiu identigas la vojon al la CSS-dosiero. La deklaro iras rekte sub la komenca deklaro de XML-deklaro, kiel ĉi tiu:

En ĉi tiu ekzemplo, la CSS-dosiero nomiĝas products.css , tial ĝi estas etikedita kiel tia en la XML-dokumento. Ŝanĝi tion al kia ajn dosiernomon vi elektis por la CSS-dosiero.