Como exibir XML em uma página da web usando CSS

Se você está familiarizado com como CSS estilos HTML páginas, você apreciará o conceito de formatação. No início do XML linguagem de marcação, exibir dados era um pouco complicado, mas isso mudou com as folhas de estilo.

Ao adicionar uma referência de folha de estilo, você pode formatar e exibir seu código XML como uma página da web. Sem CSS ou alguma outra formatação, o XML aparece como texto básico com um erro que informa que o navegador não conseguiu encontrar um documento de formatação.

Estilo XML

Uma folha de estilo simples requer apenas que você liste o elemento e os atributos de formatação necessários para exibir os dados.

A primeira linha do arquivo de formatação é o elemento raiz. Os atributos da raiz se aplicam a toda a página, mas você os altera para cada tag. Isso significa que você pode designar a cor de fundo para a página e novamente para cada seção.

Salve seu arquivo no mesmo diretório do arquivo XML e certifique-se de que ele tenha a extensão de arquivo .CSS.

Link para o CSS do XML

instagram viewer

Neste ponto, esses são dois documentos totalmente separados. O processador não tem ideia de que você deseja que eles trabalhem juntos para criar uma página da web.

Você pode corrigir isso adicionando uma instrução no início do documento XML que identifica o caminho para o arquivo CSS. A instrução vai diretamente para a instrução de declaração XML inicial.

instagram story viewer