Si está familiarizado con el estilo CSS de las páginas HTML, apreciará el concepto de formato. Al inicio del lenguaje de marcado XML, mostrar datos era un poco complicado, pero eso cambió con las hojas de estilo.
Al agregar una referencia de hoja de estilo, puede formatear y mostrar su código XML como una página web. Sin CSS o algún otro formato, el XML aparece como texto básico con un error que indica que el navegador no pudo encontrar un documento de formato.
Ejemplo de estilo XML
Una hoja de estilo simple solo requiere que liste el elemento y los atributos de formato necesarios para mostrar los datos.
Este bit de código le dice al procesador qué elementos mostrar y cómo deben verse en la página web, como esto:
La primera línea del archivo de formato es el elemento raíz. Los atributos de la raíz se aplican a toda la página, pero los cambia para cada etiqueta. Esto significa que puede designar el color de fondo para la página y luego nuevamente para cada sección.
Guarde este archivo en el mismo directorio que su archivo XML y asegúrese de que tenga la extensión de archivo .CSS.
Enlace al CSS desde el XML
En este punto, estos son dos documentos completamente separados. El procesador no tiene idea de que desea que trabajen juntos para crear una página web.
Puede solucionar esto agregando una declaración en la parte superior del documento XML que identifica la ruta al archivo CSS. La declaración va directamente debajo de la declaración de declaración XML inicial, como esto:
En este ejemplo, el archivo CSS se llama productos.css , por lo que está etiquetado como tal en el documento XML. Cambie eso al nombre de archivo que elija para el archivo CSS.
