Como definir o estilo de documentos XML com CSS

Criar um documento XML, escrever o DTD e analisá-lo com um navegador está certo, mas como o documento será exibido quando você o visualizar? XML não é uma linguagem de apresentação. Os documentos escritos com XML não terão formatação nenhuma.

Como visualizar XML

A chave para visualizar XML em um navegador são as folhas de estilo em cascata. As folhas de estilo permitem definir todos os aspectos do documento XML, desde o tamanho e a cor do texto até o plano de fundo e a posição dos objetos que não são de texto.

Digamos que você tenha um documento XML:


]>
Judy
Layard
Jennifer
Brendan

Se você visse esse documento em um navegador compatível com XML, como o Internet Explorer, ele exibiria algo assim:

Judy Layard Jennifer Brendan

Mas e se você quisesse diferenciar entre os elementos pai e filho? Ou até mesmo fazer uma distinção visual entre todos os elementos do documento. Você não pode fazer isso com XML e não é uma linguagem que deve ser usada para exibição.

XML de estilo

Mas, felizmente, é fácil de usar

instagram viewer
Cascading Style Sheets, ou CSS, em documentos XML para definir como deseja que esses documentos e aplicativos sejam exibidos quando visualizados em um navegador. Para o documento acima, você pode definir o estilo de cada uma das tags da mesma forma que faria para um documento HTML.

Por exemplo, em HTML, você pode querer definir todo o texto dentro de tags de parágrafo (

p {
família da fonte: verdana, geneva, helvetica;
cor de fundo: # 00ff00;
}

As mesmas regras funcionam para documentos XML. Cada tag em XML pode ser definida no documento XML:

família {
cor: # 000000;
}
parent {
família da fonte: Arial Black;
cor: # ff0000;
borda: sólido 5px;
largura: 300px;
}
filho {
família da fonte: verdana, helvetica;
cor: # cc0000;
borda: sólido 5px;
cor da borda: # cc0000;
}

Depois de ter seu documento XML e sua folha de estilo escrita, você precisa colocá-los juntos. Semelhante ao comando link em HTML, você coloca uma linha no topo do seu documento XML (abaixo da declaração XML), informando ao analisador XML onde encontrar a folha de estilo. Por exemplo:


Conforme declarado acima, esta linha deve ser encontrada abaixo da declaração, mas antes de qualquer um dos elementos no documento XML.

Juntando tudo, seu documento XML seria:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer