Dacă sunteți familiarizat cu modul în care paginile HTML cu stiluri CSS veți aprecia conceptul de formatare. La începutul limbajului de marcare XML , afișarea datelor a fost puțin complicată, dar aceasta sa schimbat cu foile de stil.
Prin adăugarea unei referințe pentru foaie de stil, puteți să formatați și să afișați codul XML ca pagină web. Fără CSS sau alte formatări, XML apare ca text de bază cu o eroare care afirmă că browser-ul nu a putut găsi un document de formatare.
Exemplu de stil XML
O foaie de stil simplă necesită numai lista elementelor și atributelor de formatare necesare pentru afișarea datelor.
Acest bit de cod îi spune procesorului ce elemente să afișeze și cum ar trebui să arate în pagina web, cum ar fi:
proba {background-color: #ffffff; lățime: 100%;} mesajul meu {display: block; fundal-culoare: # 999999; margin-bottom: 30pt;} corp {font-size: 50%}Prima linie a fișierului de formatare este elementul rădăcină. Atributele pentru rădăcină se aplică întregii pagini, dar le modificați pentru fiecare etichetă. Aceasta înseamnă că puteți desemna culoarea de fundal a paginii și apoi din nou pentru fiecare secțiune.
Salvați acest fișier în același director ca fișierul dvs. XML și asigurați-vă că acesta are extensia de fișier .CSS.
Legătură la CSS din XML
În acest moment, acestea sunt două documente complet separate. Procesorul nu are nicio idee că doriți să lucreze împreună pentru a crea o pagină web .
Puteți remedia acest lucru prin adăugarea unei instrucțiuni în partea de sus a documentului XML care identifică calea spre fișierul CSS. Instrucțiunea merge direct sub declarația inițială a declarației XML, după cum urmează:
În acest exemplu, fișierul CSS se numește products.css , motiv pentru care este etichetat ca atare în documentul XML. Schimbați acest nume pentru orice fișier pe care l-ați ales pentru fișierul CSS.