Jak používat XML s CSS

Pokud jste obeznámeni s tím, jak stránky HTML ve stylu CSS , oceníte koncept formátování. Na počátku XML značkovacího jazyka bylo zobrazení dat trochu komplikované, ale to se změnilo se styly.

Přidáním odkazu na stylový list můžete formátovat a zobrazovat svůj kód XML jako webovou stránku. Bez CSS nebo jiného formátu se XML zobrazí jako základní text s chybou, která uvádí, že prohlížeč nemohl najít formátovací dokument.

Příklad stylu XML

Jednoduchý stylový list vyžaduje pouze, aby jste vybrali prvek a atributy formátování potřebné k zobrazení dat.

Tento bit kódu říká procesoru, které prvky mají být zobrazeny a jak by měly vypadat na webové stránce, například:

ukázka {barva pozadí: #ffffff; šířka: 100%;} mymessage {display: block; barva pozadí: # 999999; margin-bottom: 30pt;} tělo {font-size: 50%}

První řádek formátovacího souboru je kořenový prvek. Atributy kořenového adresáře platí pro celou stránku, ale pro každou značku je změníte. To znamená, že můžete určit barvu pozadí stránky a pak znovu pro každou sekci.

Uložte tento soubor do stejného adresáře jako soubor XML a ujistěte se, že má příponu .CSS.

Odkaz na CSS z XML

V tomto okamžiku se jedná o dva zcela samostatné dokumenty. Procesor netuší, že byste chtěli, aby společně vytvořili webovou stránku .

Můžete to vyřešit přidáním příkazu do horní části dokumentu XML, který identifikuje cestu k souboru CSS. Výkaz jde přímo pod původním prohlášením XML prohlášení, a to takto:

V tomto příkladu se soubor CSS nazývá products.css , a proto je v dokumentu XML označen jako takový. Změňte to na libovolný název souboru, který jste vybrali pro soubor CSS.