Ako ste upoznati s načinom na koji CSS oblikuje HTML stranice, cijenit ćete koncept oblikovanja. Na početku XML označnog jezika, prikazivanje podataka bilo je malo komplicirano, ali se promijenilo stilskim listovima.
Dodavanjem reference referencu stila, možete oblikovati i prikazati svoj XML kod kao web stranicu. Bez CSS-a ili nekog drugog oblikovanja XML se pojavljuje kao osnovni tekst s pogreškom koja navodi da preglednik nije mogao pronaći dokument za formatiranje.
Primjer XML alata
Jednostavni stilski list zahtijeva samo da navedete element i atribute oblikovanja koji su potrebni za prikazivanje podataka.
Taj broj koda kaže procesoru koji elementi trebaju prikazati i kako bi trebali izgledati na web stranici, ovako:
uzorak {background-color: #ffffff; širina: 100%;} mymessage {display: blok; boja pozadine: # 999999; margina-dno: 30pt;} body {font-size: 50%}Prva linija datoteke za oblikovanje je korijenski element. Atributi za korijen primjenjuju se na cijelu stranicu, ali ih mijenjate za svaku oznaku. To znači da možete odrediti boju pozadine za stranicu, a zatim ponovno za svaki odjeljak.
Spremite ovu datoteku u isti direktorij kao i vaša XML datoteka i provjerite ima li .CSS ekstenziju.
Veza na CSS Iz XML-a
U ovom trenutku, to su dva potpuno odvojena dokumenta. Procesor nema pojma da želite da rade zajedno kako bi stvorili web stranicu .
Možete ovo riješiti dodavanjem izjave na vrh XML dokumenta koji identificira put do CSS datoteke. Izjava ide izravno u izvornu izjavu o XML deklaraciji, ovako:
U ovom primjeru, CSS datoteka se naziva products.css , zbog čega je označena kao takva u XML dokumentu. Promijenite to u bilo koji naziv datoteke koji ste odabrali za CSS datoteku.