Ако сте запознаени со тоа како CSS стилизира HTML страници, ќе го цениме концептот на форматирање. На почетокот на XML јазикот за обележување, прикажувањето на податоците беше малку комплицирано, но тоа се промени со стилски листови.
Со додавање референца за стилски лист, можете да го форматирате и да го прикажете вашиот XML код како веб-страница. Без CSS или некое друго форматирање, XML се појавува како основен текст со грешка во која се наведува дека прелистувачот не може да најде документ за форматирање.
Пример за XML стил
Едноставниот стилски лист бара само да го наведете елементот и форматирачките атрибути неопходни за прикажување на податоците.
Овој малку код му кажува на процесорот кои елементи да се прикажат и како треба да изгледаат на веб-страницата, на пример:
примерок {позадина-боја: #ffffff; ширина: 100%;} mymessage {екран: блок; боја на позадина: # 999999; маргина-дното: 30pt;} body {font-size: 50%}Првата линија на датотеката за форматирање е корен елемент. Атрибутите за root се однесуваат на целата страница, но ги менувате за секоја ознака. Ова значи дека можете да ја означите бојата на подлога за страната, а потоа повторно за секој дел.
Зачувајте ја оваа датотека во истиот директориум како вашата XML-датотека и проверете дали има проширена .CSS-датотека.
Линк до CSS Од XML
Во овој момент, ова се два целосно одделени документи. Процесорот нема идеја дека сакате да работат заедно за да креираат веб-страница .
Можете да го поправите ова со додавање на изјава на врвот на документот XML кој ја идентификува патеката до CSS-датотеката. Изјавата оди директно под иницијалната XML декларација, како оваа:
Во овој пример, CSS-датотеката се нарекува products.css , поради што е означена како таков во XML-документот. Променете го тоа со кое било име на датотека што сте го избрале за CSS-датотеката.