Če ste seznanjeni s tem, kako CSS oblikuje HTML strani, boste cenili koncept oblikovanja. Na začetku označevalnega jezika XML je bilo prikazovanje podatkov nekoliko zapleteno, vendar se je to spremenilo s slogovnimi listi.
Če dodate sklic na slogovne predloge, lahko svojo kodo XML formatirate in prikažete kot spletno stran. Brez CSS ali drugega oblikovanja se XML prikaže kot osnovno besedilo z napako, ki navaja, da brskalnik ne more najti dokumenta za oblikovanje.
Primer XML stila
Preprost slogovni list zahteva le seznam elementov in atributov za oblikovanje, ki so potrebni za prikaz podatkov.
Ta bit kode pove procesorju, kateri elementi naj se prikažejo in kako bi morali videti na spletni strani, na primer:
vzorec {background-color: #ffffff; širina: 100%;} mymessage {display: block; barva ozadja: # 999999; rob-dno: 30pt;} telo {velikost fonta: 50%}Prva vrstica datoteke za oblikovanje je temeljni element. Atributi za root se nanašajo na celotno stran, vendar jih spremenite za vsako oznako. To pomeni, da lahko oznaÄŤite barvo ozadja strani in nato spet za vsak del.
Shranite to datoteko v isti imenik kot datoteka XML in se prepričajte, da ima razširitev .CSS datoteke.
Povezava na CSS Iz XML
Na tej točki sta to dva popolnoma ločena dokumenta. Procesor nima pojma, da bi radi delali skupaj, da bi ustvarili spletno stran .
To lahko popravite tako, da na vrh dokumenta XML dodate izjavo, ki identificira pot do datoteke CSS. Izjava gre neposredno pod začetno izjavo deklaracije XML, na primer:
V tem primeru se datoteka CSS imenuje products.css , zato je v dokumentu XML označena kot taka. Spremenite to v katero koli ime datoteke, ki ste ga izbrali za datoteko CSS.