Kung pamilyar ka sa kung paano ang mga estilo ng CSS na mga pahina ng HTML , mapapahalagahan mo ang konsepto ng pag-format. Sa simula ng wika ng markup ng XML , ang pagpapakita ng data ay medyo kumplikado, ngunit nagbago ito sa mga style sheet.
Sa pamamagitan ng pagdaragdag ng sanggunian ng style sheet, maaari mong i-format at ipakita ang iyong XML code bilang isang web page. Walang CSS o iba pang pag-format, ang XML ay lilitaw bilang pangunahing teksto na may isang error na nagsasaad na ang browser ay hindi makahanap ng isang dokumento sa pag-format.
Halimbawa ng Pag-istilo ng XML
Kailangan lamang ng isang simpleng istilo ng estilo na ilista mo ang elemento at ang mga katangian sa pag-format na kinakailangan upang maipakita ang data.
Ang kaunting code na ito ay nagsasabi sa processor kung saan ang mga elemento ay ipapakita at kung paano dapat silang tumingin sa web page, tulad nito:
sample {background-color: #ffffff; lapad: 100%;} mymessage {display: block; background-color: # 999999; margin-bottom: 30pt;} katawan {font-size: 50%}Ang unang linya ng file ng pag-format ay ang root elemento. Ang mga katangian para sa ugat ay nalalapat sa buong pahina, ngunit binago mo ang mga ito para sa bawat tag. Nangangahulugan ito na maaari mong itakda ang kulay ng background para sa pahina at pagkatapos ay muli para sa bawat seksyon.
I-save ang file na ito sa parehong direktoryo ng iyong XML file, at siguraduhing mayroon itong extension ng CS file.
Mag-link sa CSS Mula sa XML
Sa puntong ito, ang mga ito ay dalawang ganap na hiwalay na mga dokumento. Ang processor ay walang ideya na nais mo silang magtulungan upang lumikha ng isang web page .
Maaari mong ayusin ito sa pamamagitan ng pagdaragdag ng isang pahayag sa itaas ng dokumento ng XML na nagpapakilala sa path sa CSS file. Ang pahayag ay napupunta nang direkta sa ilalim ng paunang pahayag ng deklarasyon ng XML, tulad nito:
Sa halimbawang ito, ang CSS file ay tinatawag na products.css , na kung bakit ito ay may label na tulad sa XML na dokumento. Palitan iyon sa kahit anong pangalan ng file na pinili mo para sa CSS file.