Skip to content

Como usar XML com CSS

19 de abril de 2021

Se você estiver familiarizado com a maneira como CSS estiliza páginas HTML, apreciará o conceito de formatação. No início da linguagem de marcação XML, 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

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.