Kaip parodyti XML tinklalapyje naudojant CSS

Jei esate susipažinę, kaip CSS stilius HTML puslapių, įvertinsite formatavimo koncepciją. Prasidėjus XML žymėjimo kalba, rodyti duomenis buvo šiek tiek sudėtinga, tačiau tai pasikeitė keičiant stiliaus lapus.

Pridėję stiliaus lapo nuorodą, galite formatuoti ir rodyti savo XML kodą kaip tinklalapį. Be CSS ar kitokio formatavimo XML rodomas kaip pagrindinis tekstas su klaida, nurodančia, kad naršyklė negalėjo rasti formatavimo dokumento.

XML stilius

Paprastas stiliaus lapas reikalauja tik nurodyti elementą ir formatavimo atributus, reikalingus duomenims rodyti.

Pirmoji formatavimo failo eilutė yra šakninis elementas. Šaknies atributai taikomi visam puslapiui, tačiau jūs juos keičiate kiekvienai žymai. Tai reiškia, kad galite paskirti fono spalvą puslapiui ir tada dar kartą kiekvienai sekcijai.

Išsaugokite failą tame pačiame kataloge kaip ir XML failas ir įsitikinkite, kad jis turi .CSS failo plėtinį.

Nuoroda į CSS iš XML

Šiuo metu tai yra du visiškai atskiri dokumentai. Procesorius neįsivaizduoja, kad norite, kad jie dirbtų kartu sukurti tinklalapį.

instagram viewer

Tai galite išspręsti pridėdami sakinį XML dokumento viršuje, kuriame nurodomas kelias į CSS failą. Teiginys eina tiesiai po pradiniu XML deklaracijos sakiniu.