Se estás familiarizado coa forma en que CSS imprime páxinas HTML , apreciarás o concepto de formateo. No inicio do linguaxe de marcación XML , mostrar datos era un pouco complicado, pero iso cambiou con follas de estilo.
Ao engadir unha referencia de folla de estilo, pode formatar e mostrar o seu código XML como unha páxina web. Sen CSS ou algún outro formato, o XML aparece como texto básico cun erro que indica que o navegador non puido atopar un documento de formato.
Exemplo de estilo de XML
Unha folla de estilo simple só esixe que liste o elemento e os atributos de formato necesarios para mostrar os datos.
Este bit de código informa ao procesador cales son os elementos a mostrar e como deberían ollar na páxina web, así:
mostra {background-color: #ffffff; ancho: 100%;} mymessage {display: block; cor de fondo: # 999999; marxe inferior: 30pt;} corpo {font-size: 50%}A primeira liña do ficheiro de formato é o elemento raíz. Os atributos para a raíz son aplicables a toda a páxina, pero os cambia por cada etiqueta. Isto significa que pode designar a cor de fondo para a páxina e, a continuación, outra vez para cada sección.
Garda este ficheiro no mesmo directorio que o teu ficheiro XML e asegúrate de ter a extensión de arquivo .CSS.
Ligazón ao CSS Desde o XML
Neste punto, estes son dous documentos completamente separados. O procesador non ten idea de que quere que traballen xuntos para crear unha páxina web .
Pode solucionalo engadindo unha declaración á parte superior do documento XML que identifica a ruta ao ficheiro CSS. A declaración vai directamente baixo a declaración de declaración XML inicial, así:
xml version = "1.0" codificación = "UTF-8"?> xml-stylesheet type = "text / css" href = "products.css"?>Neste exemplo, o ficheiro CSS chámase products.css , polo que está etiquetado como tal no documento XML. Cambia isto a calquera nome de ficheiro que escollas para o ficheiro CSS.