Kui olete tuttav CSS-i stiiliga HTML- lehekülgedel, siis saate aru vormingu kontseptsioonist. XML- märgistuskeele alguses oli andmete kuvamine natuke keeruline, kuid see muutus stiililehtedega.
Lisades stiililehe viite, saate vormindada ja kuvada oma XML-koodi veebilehina. Ilma CSS-i või mõne muu vorminguta ilmub XML kui põhitekstis viga, mis kinnitab, et brauser ei suutnud vormindamise dokumenti leida.
XML stiilide näide
Lihtne stiilileht nõuab ainult seda, et loetlete elemendi ja vormindamise atribuudid, mis on vajalikud andmete kuvamiseks.
See kood natuke annab protsessorile teada, millised elemendid kuvada ja kuidas need veebisaidil peaksid välja nägema, näiteks:
proov {background-color: #ffffff; laius: 100%;} mymessage {display: block; taustavärv: # 999999; margin-bottom: 30pt;} keha {font-size: 50%}Vormindusfaili esimene rida on juurtekst. Juurte atribuudid kehtivad kogu lehe kohta, kuid te muudate neid iga sildi jaoks. See tähendab, et saate määrata lehe taustavärvi ja seejärel iga jao jaoks uuesti.
Salvestage see fail XML-faili samasse kataloogi ja veenduge, et sellel on CSS-faililaiend.
Link CSS-ile XML-st
Praegu on need kaks täielikult eraldi dokumenti. Protsessoril ei ole aimugi, et soovite, et nad töötaksid koos veebilehe loomiseks .
Seda saate parandada, lisades XML-dokumendi ülaosale avalduse, mis tuvastab CSS-faili tee. See avaldus läheb otse esialgse XML deklaratsiooni avalduseni, nagu see on järgmine:
Selles näites on CSS-fail nimega products.css , mistõttu see on XML-dokumendis sellisena märgistatud. Muutke seda mis tahes faili nimele, mille valisite CSS-faili jaoks.