Ако сте запознати с начина, по който CSS стилове HTML страници, ще оцените концепцията за форматиране. При появата на езика за маркиране на XML, показването на данни беше малко сложно, но това се промени със стилните листове.
Чрез добавяне на справка за стиловия лист можете да форматирате и покажете своя XML код като уеб страница. Без CSS или някакво друго форматиране XML се появява като основен текст с грешка, която гласи, че браузърът не може да намери документ за форматиране.
Пример за стилизиране на XML
Един прост лист стил изисква само да посочите елемента и атрибутите за форматиране, необходими за показване на данните.
Този битов код казва на процесора кои елементи да се показват и как те трябва да изглеждат на уеб страницата, както следва:
Първият ред на файла за форматиране е коренният елемент. Атрибутите за корен се прилагат за цялата страница, но ги променяте за всеки маркер. Това означава, че можете да определите цвета на фона за страницата и след това отново за всяка секция.
Запишете този файл в същата директория като вашия XML файл и се уверете, че има разширение .CSS файла.
Връзка към CSS от XML
На този етап това са два напълно отделни документа. Процесорът няма представа, че искате те да работят заедно, за да създадат уеб страница.
Можете да го коригирате, като добавите изявление в горната част на XML документа, който идентифицира пътя към CSS файла. Изявлението се води директно под първоначалното изявление на XML декларация, както следва:
В този пример се извиква CSS файлът products.css , поради което е означена като такава в XML документа. Променете това до каквото име на файла изберете за CSS файла.