Jei esate susipažinę su CSS stiliumi HTML puslapiuose, įvertinsite formatavimo sampratą. Pradėjus XML žymėjimo kalbą, duomenų rodymas buvo šiek tiek sudėtingas, tačiau jis pasikeitė naudojant stilių lapus.
Pridėdami stiliaus lentelės nuorodą galite formatuoti ir rodyti savo XML kodą kaip tinklalapį. Be CSS ar kokio nors kito formatavimo, XML pasirodo kaip pagrindinis tekstas su klaida, rodančia, kad naršyklė negalėjo rasti formatavimo dokumento.
XML stiliaus pavyzdys
Paprastas stiliaus lapas tik reikalauja, kad jūs pateiktumėte elementą ir formatavimo atributus, reikalingus duomenims rodyti.
Šis kodo bitas nurodo procesoriui, kuriuos elementus rodyti ir kaip jie turėtų atrodyti tinklalapyje, pvz .:
pavyzdys {fono spalva: #ffffff; plotis: 100%;} mymessage {display: block; fono spalva: # 999999; marža-apačia: 30pt;) kūnas (font-size: 50%)Pirmoji formatavimo failo eilutė yra pagrindinis elementas. Šaknies atributai taikomi visam puslapiui, tačiau juos keičiate kiekvienai žymei. Tai reiškia, kad galite nurodyti puslapio fono spalvą ir tada kiekvieną sekciją.
Išsaugokite šį failą tame pačiame kataloge kaip ir jūsų XML failas ir įsitikinkite, kad jis turi .CSS failo plėtinį.
Nuoroda į CSS Iš XML
Šiuo metu tai du visiškai atskirti dokumentai. Procesorius nesupranta, kad norite, kad jie bendradarbiautų kuriant tinklalapį .
Tai galite išspręsti pridedant pareiškimą į XML dokumento viršuje, kuris nurodo kelią į CSS failą. Šis teiginys tiesiogiai pridedamas prie pirminio XML deklaracijos pareiškimo, tokiu būdu:
Šiame pavyzdyje CSS failas vadinamas products.css , todėl jis XML dokumente yra pažymėtas kaip toks. Pakeiskite tai bet kokiam failo vardui, kurį pasirinkote CSS failui.