Jeśli wiesz, jak wyglądają strony HTML stylów CSS, docenisz koncepcję formatowania. Na początku języka znaczników XML wyświetlanie danych było nieco skomplikowane, ale zmieniło się w arkuszach stylów.
Dodając odniesienie do arkusza stylów, możesz sformatować i wyświetlić swój kod XML jako stronę internetową. Bez CSS lub innego formatowania XML pojawia się jako podstawowy tekst z błędem, który stwierdza, że przeglądarka nie może znaleźć dokumentu formatującego.
Przykładowy styl XML
Prosty arkusz stylów wymaga tylko podania elementu i atrybutów formatowania niezbędnych do wyświetlenia danych.
Ten fragment kodu mówi procesorowi, które elementy wyświetlić i jak powinny wyglądać na stronie internetowej, na przykład:
Pierwsza linia pliku formatowania jest elementem głównym. Atrybuty dla root'a odnoszą się do całej strony, ale zmieniasz je dla każdego tagu. Oznacza to, że możesz wyznaczyć kolor tła strony, a następnie ponownie dla każdej sekcji.
Zapisz ten plik w tym samym katalogu, co plik XML, i upewnij się, że ma rozszerzenie .CSS.
Link do CSS Z XML
W tym momencie są to dwa zupełnie odrębne dokumenty. Procesor nie ma pojęcia, że chcesz, aby pracowały razem, aby utworzyć stronę internetową.
Możesz to naprawić, dodając instrukcję na górze dokumentu XML, który identyfikuje ścieżkę do pliku CSS. Oświadczenie idzie bezpośrednio pod deklarację deklaracji XML, na przykład:
W tym przykładzie wywoływany jest plik CSS products.css , dlatego jest oznaczony jako taki w dokumencie XML. Zmień to na dowolną wybraną nazwę pliku CSS.