Kon Unsaon Paggamit ang XML Gamit ang CSS

Kung pamilyar ka kung giunsa ang mga estilo sa CSS nga mga pahina sa HTML , imong mapasalamatan ang konsepto sa format. Sa sinugdanan sa XML markup language, ang pagpakita sa datos usa ka gamay nga komplikado, apan kana nausab sa mga style sheets.

Pinaagi sa pagdugang sa usa ka reference sa estilo sa papel, mahimo ka nga mag-format ug magpakita sa imong XML code isip usa ka web page. Kung wala ang CSS o uban pang pagpa-format, ang XML nagpakita ingon nga sukaranan nga teksto nga adunay usa ka sayop nga nag-ingon nga ang browser dili makakaplag og format nga dokumento.

Pananglitan sa Pag-istilo sa XML

Ang usa ka yano nga estilo sa estilo lamang nagkinahanglan nga imong ilista ang elemento ug ang mga hiyas sa pag-format nga gikinahanglan aron ipakita ang datos.

Kini nga gamay nga kodigo nagsulti sa processor nga mga elemento nga gipakita ug kung unsa ang ilang pagatan-awon sa web page, sama niini:

sample {background-color: #ffffff; lapad: 100%;} mymessage {display: block; background color: # 999999; margin-bottom: 30pt;} body {font-size: 50%}

Ang unang linya sa formatting file mao ang root element. Ang mga kinaiya alang sa gamut magamit sa tibuok nga panid, apan imong giusab kini alang sa matag tag. Kini nagpasabot nga mahimo nimo itudlo ang kolor sa background alang sa panid ug dayon pag-usab alang sa matag seksyon.

Gawas sa kini nga file sa sama nga direktoryo sama sa imong XML file, ug siguroha nga kini adunay extension sa CS file.

Pag-link sa CSS Gikan sa XML

Niini nga punto, kini ang duha ka hingpit nga mga dokumento. Ang processor walay ideya nga gusto nimo nga sila magtinabangay sa paghimo sa usa ka web page .

Mahimo nimong ayuhon kini pinaagi sa pagdugang sa usa ka pamahayag sa ibabaw sa XML nga dokumento nga nagpaila sa agianan sa CSS file. Ang pahayag moadto direkta ubos sa pasiunang pamahayag nga deklarasyon sa XML, sama niini:

Sa kini nga pananglitan, ang CSS file gitawag mga produkto.css , nga maoy hinungdan nga gimarkahan kini ingon diha sa XML nga dokumento. Usba kana sa bisan unsa nga pangalan sa file nga imong gipili alang sa CSS file.