Ако сте запознати с начина, по който CSS стилове HTML страници, ще оцените концепцията за форматиране. При появата на езика за маркиране на XML , показването на данни беше малко сложно, но това се промени със стилните листове.
Чрез добавяне на справочен лист за стилове можете да форматирате и покажете своя XML код като уеб страница. Без CSS или някакво друго форматиране XML се появява като основен текст с грешка, която гласи, че браузърът не може да намери документ за форматиране.
Пример за стилизиране на XML
Един прост лист стил изисква само да посочите елемента и атрибутите за форматиране, необходими за показване на данните.
Този битов код казва на процесора кои елементи да се показват и как те трябва да изглеждат на уеб страницата, както следва:
проба {background-color: #ffffff; ширина: 100%;} mymessage {дисплей: блок; цвят на фона: # 999999; долна граница: 30pt;} тяло {шрифт-размер: 50%}Първият ред на файла за форматиране е коренният елемент. Атрибутите за корен се прилагат за цялата страница, но ги променяте за всеки маркер. Това означава, че можете да определите цвета на фона за страницата и след това отново за всяка секция.
Запишете този файл в същата директория като вашия XML файл и се уверете, че има разширение .CSS файла.
Връзка към CSS от XML
На този етап това са два напълно отделни документа. Процесорът няма представа, че искате те да работят заедно, за да създадат уеб страница .
Можете да го коригирате, като добавите изявление в горната част на XML документа, който идентифицира пътя към CSS файла. Изявлението се води директно под първоначалното изявление на XML декларация, както следва:
В този пример CSS файлът се нарича products.css , поради което в XML документа е означен като такъв. Променете това до каквото име на файла изберете за CSS файла.