Estilización de documentos XML con CSS

Fai a túa busca XML como o queres con follas de estilo en cascada

Crear un documento XML, escribir a DTD e analizalo cun navegador está ben, pero como aparecerá o documento cando o vexas? XML non é un idioma de visualización. De feito, os documentos escritos con XML non terán ningún formato.

Entón, ¿Como vexo o meu XML?

A clave para ver XML nun navegador é Cascading Style Sheets. As follas de estilo permítenlle definir todos os aspectos do documento XML, dende o tamaño e cor do seu texto ata o fondo e a posición dos seus obxectos non textuais.

Digamos que ten un documento XML:

]> Judy Layard Jennifer Brendan

Se tivese que ver ese documento nun navegador listo para XML, como o de Internet Explorer, mostraría algo como isto:

Judy Layard Jennifer Brendan

Pero e se queres diferenciar entre os elementos primarios e secundarios? Ou incluso facer unha distinción visual entre todos os elementos do documento. Non podes facelo con XML, e non é un idioma que se usa para mostrar.

Pero, por sorte, é fácil usar Follas de estilo en cadea de caza ou CSS en documentos XML para definir como quere que estes documentos e aplicacións se mostren cando se ve nun navegador. Para o documento anterior, pode definir o estilo de cada unha das etiquetas do mesmo xeito en que tería un documento HTML.

Por exemplo, en HTML pode querer definir todo o texto dentro das etiquetas de parágrafo (

) coa fonte de face Verdana, Xenebra ou Helvetica ea cor de fondo verde. Para definir isto nunha folla de estilo para que todos os parágrafos sexan así, escribirías:

p {font-family: verdana, ginebra, helvética; cor de fondo: # 00ff00; }

As mesmas regras funcionan para documentos XML. Cada etiqueta en XML pode ser definida no documento XML:

familia {cor: # 000000; } pai {font-family: Arial Black; cor: # ff0000; bordo: 5px sólido; ancho: 300px; } fillo {font-family: verdana, helvetica; cor: # cc0000; bordo: 5px sólido; border-color: # cc0000; }

Unha vez que escriba o seu documento XML e a súa folla de estilo , cómpre xuntas. Similar ao comando da ligazón en HTML, colócase unha liña na parte superior do documento XML (debaixo da declaración XML), dicindo ao analizador XML onde atopar a folla de estilo. Por exemplo:

Como dicía anteriormente, esta liña debería atoparse debaixo da declaración Pero antes de calquera dos elementos do documento XML.

Ao xuntar todo, o seu documento XML diría:

< ! ELEMENT child (#PCDATA)>]> Judy Layard Jennifer Brendan