Ak ste oboznámení so spôsobmi HTML stránok štýlov CSS , oceníte koncept formátovania. Na začiatku XML značkovacieho jazyka bolo zobrazovanie údajov trochu komplikované, ale to sa zmenilo so štýlmi.
Pridaním odkazu na štýl listu môžete formátovať a zobrazovať kód XML ako webovú stránku. Bez CSS alebo iného formátovania sa XML zobrazí ako základný text s chybou, ktorá uvádza, že prehliadač nemohol nájsť formátovací dokument.
Príklad štýlu XML
Jednoduchý štýl listu vyžaduje iba to, aby ste uviedli prvok a atribúty formátovania potrebné na zobrazenie údajov.
Tento bit kódu vysvetľuje procesoru, ktoré prvky sa majú zobrazovať a ako by mali vyzerať na webovej stránke, napríklad:
vzorka {farba pozadia: #ffffff; šírka: 100%;} mymessage {zobrazenie: blok; farba pozadia: # 999999; margin-bottom: 30pt;} telo {font-size: 50%}Prvý riadok súboru na formátovanie je koreňový prvok. Atribúty pre koreň sa vzťahujú na celú stránku, ale pre každú značku ich zmeníte. To znamená, že môžete určiť farbu pozadia pre stránku a potom znova pre každú sekciu.
Uložte tento súbor do rovnakého adresára ako váš súbor XML a uistite sa, že má príponu súboru .CSS.
Odkaz na CSS z XML
V tomto bode sú to dva úplne samostatné dokumenty. Procesor netuší, že chcete pracovať spoločne na vytvorení webovej stránky .
Môžete to vyriešiť pridaním vyhlásenia do hornej časti dokumentu XML, ktorý identifikuje cestu k súboru CSS. Toto vyhlásenie ide priamo pod pôvodným vyhlásením XML vyhlásenia, a to takto:
V tomto príklade sa súbor CSS nazýva products.css , a preto je v dokumente XML označený ako taký. Zmeňte to na ľubovoľný názov súboru, ktorý ste vybrali pre súbor CSS.