Ako ste upoznati sa CSS stilovima HTML stranica, cijenite koncept oblikovanja. Na početku jezika za označavanje XML prikaz podataka bio je komplikovan, ali se to promenilo sa listovima stilova.
Dodavanjem referencu za stilski stil možete formatirati i prikazati svoj XML kod kao web stranicu. Bez CSS ili nekog drugog oblikovanja, XML se pojavljuje kao osnovni tekst sa greškom koja navodi da pretraživač ne može pronaći dokument za oblikovanje.
Primjer XML stila
Jednostavan stilski list samo zahteva da navedete element i atribute formiranja potrebne za prikaz podataka.
Ovaj bitni kod govori procesoru koji elemente treba prikazati i kako ih trebaju videti na web stranici, ovako:
primer {background-color: #ffffff; širina: 100%;} mymessage {display: block; pozadina: # 999999; margin-bottom: 30pt;} body {font-size: 50%}Prva linija datoteke za formatiranje je root element. Atributi za root važe za celu stranicu, ali ih menjate za svaku oznaku. To znači da možete označiti boju pozadine za stranicu, a zatim ponovo za svaki odeljak.
Sačuvajte ovu datoteku u isti direktorijum kao i XML datoteka i proverite da li ima ekstenziju .CSS datoteke.
Veza na CSS Iz XML-a
U ovom trenutku, ovo su dva potpuno odvojena dokumenta. Procesor nema pojma da želite da zajedno rade na kreiranju web stranice .
To možete ispraviti dodavanjem izjave na vrh XML dokumenta koji identifikuje putanju do CSS datoteke. Izjava ide direktno pod inicijalnu deklaraciju XML deklaracije, ovako:
U ovom primeru, CSS datoteka se zove products.css , zbog čega je označena kao takva u XML dokumentu. Promenite to na bilo koje ime datoteke koje ste izabrali za CSS datoteku.