Skip to main content

Używanie CSS do stylizowania dokumentów XML

CSS: Stylizowanie scrollbarów (Czerwiec 2026)

CSS: Stylizowanie scrollbarów (Czerwiec 2026)
Anonim

Tworzenie dokumentu XML, pisanie DTD i parsowanie go w przeglądarce jest w porządku, ale w jaki sposób dokument będzie wyświetlany podczas przeglądania? XML nie jest językiem wyświetlania. W rzeczywistości dokumenty napisane w formacie XML nie będą miały żadnego formatowania.

Jak wyświetlić mój XML?

Kluczem do przeglądania XML w przeglądarce jest Kaskadowe Arkusze Stylów. Arkusze stylów umożliwiają definiowanie każdego aspektu dokumentu XML, od rozmiaru i koloru tekstu do tła i położenia obiektów niebędących tekstem.

Załóżmy, że masz dokument XML:

>

Judy

Layard

Jennifer

Brendan

Jeśli chcesz wyświetlić ten dokument w gotowej przeglądarce XML, takiej jak Internet Explorer, wyświetli się coś takiego:

Judy Layard Jennifer Brendan

Ale co, jeśli chcesz rozróżnić elementy rodzica i dziecka? Lub nawet dokonać wizualnego rozróżnienia między wszystkimi elementami w dokumencie. Nie można tego zrobić za pomocą XML i nie jest to język, który ma być używany do wyświetlania.

Ale na szczęście łatwo jest używać Cascading Style Sheets lub CSS w dokumentach XML, aby określić, w jaki sposób mają być wyświetlane te dokumenty i aplikacje podczas przeglądania w przeglądarce. W przypadku powyższego dokumentu możesz zdefiniować styl każdego tagu w taki sam sposób, jak dokument HTML.

Na przykład w HTML możesz chcieć zdefiniować cały tekst w znacznikach akapitów () czcionką Verdana, Genewa lub Helvetica, a kolor tła zielony. Aby zdefiniować to w arkuszu stylów, aby wszystkie akapity były takie, napisałbyś:

p {

rodzina czcionek: verdana, geneva, helvetica;

kolor tła: # 00ff00;

}

Te same reguły działają dla dokumentów XML. Każdy znacznik w XML można zdefiniować w dokumencie XML:

rodzina {

kolor: # 000000;

}

rodzic {

rodzina czcionek: Arial Black;

kolor: # ff0000;

granica: bryła 5 pikseli;

szerokość: 300px;

}

dziecko {

rodzina czcionek: verdana, helvetica;

kolor: # cc0000;

granica: bryła 5 pikseli;

border-color: # cc0000;

}

Po napisaniu dokumentu XML i zapisaniu arkusza stylów należy je połączyć. Podobnie jak w poleceniu linku w HTML, umieszczasz wiersz u góry dokumentu XML (poniżej deklaracji XML), informując analizator składni XML, gdzie znajduje się arkusz stylów. Na przykład:

Jak wspomniano powyżej, wiersz ten powinien znajdować się poniżej deklaracji <? Xml?>, Ale przed jakimkolwiek elementem w dokumencie XML.

Łącząc to wszystko w całość, twój dokument XML będzie czytał:

>

Judy

Layard

Jennifer

Brendan