Se você estiver familiarizado com a forma como os estilos CSS das páginas HTML, você 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 informando que o navegador não encontrou um documento de formatação.
Exemplo de 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.
Esse bit de código informa ao processador quais elementos exibir e como eles devem aparecer na página da Web, assim:
A primeira linha do arquivo de formatação é o elemento raiz. Os atributos para a raiz se aplicam a toda a página, mas você os altera para cada tag. Isso significa que você pode designar a cor do plano de fundo para a página e, em seguida, novamente para cada seção.
Salve este arquivo no mesmo diretório do arquivo XML e verifique se ele possui a extensão de arquivo .CSS.
Link para o CSS do XML
Neste ponto, estes são dois documentos totalmente separados. O processador não tem idéia de que você quer que eles trabalhem juntos para criar uma página da web.
Você pode corrigir isso adicionando uma instrução à parte superior do documento XML que identifica o caminho para o arquivo CSS. A instrução vai diretamente abaixo da instrução de declaração XML inicial, assim:
Neste exemplo, o arquivo CSS é chamado products.css , e é por isso que é rotulado como tal no documento XML. Altere isso para qualquer nome de arquivo escolhido para o arquivo CSS.
