Si esteu familiaritzat amb la manera com CSS imprimeix pàgines HTML , apreciaràs el concepte de format. A l'inici del llenguatge de marcat XML , mostrar dades era una mica complicat, però això va canviar amb fulls d'estil.
Si afegiu una referència de full d'estils, podeu formatar i mostrar el codi XML com a pàgina web. Sense CSS o algun altre format, XML apareix com a text bàsic amb un error que indica que el navegador no ha pogut trobar un document de format.
Exemple d'estil de XML
Un full d'estils simple només requereix que enumereu l'element i els atributs de format necessaris per mostrar les dades.
Aquest bit de codi indica al processador quins elements es mostren i com han de mirar-los a la pàgina web, així:
mostra {background-color: #ffffff; ample: 100%;) mymessage {display: bloc; color de fons: # 999999; marge inferior: 30pt;) cos {font-size: 50%}La primera línia del fitxer de formatació és l'element arrel. Els atributs de l'arrel s'apliquen a tota la pàgina, però els canvieu per a cada etiqueta. Això significa que podeu designar el color de fons de la pàgina i, a continuació, tornar a utilitzar per a cada secció.
Deseu aquest fitxer al mateix directori que el vostre fitxer XML i assegureu-vos que tingui l'extensió de fitxer .CSS.
Enllaç al CSS Des del XML
En aquest punt, es tracta de dos documents completament separats. El processador no té idea que voleu que treballin junts per crear una pàgina web .
Podeu solucionar-ho afegint una instrucció a la part superior del document XML que identifica la ruta d'accés al fitxer CSS. La declaració es troba directament sota la declaració de declaració XML inicial, com aquesta:
En aquest exemple, l'arxiu CSS s'anomena products.css , per la qual cosa està etiquetat com a tal en el document XML. Canvieu-lo a qualsevol nom del fitxer que trieu per al fitxer CSS.