Presentación con CSS

Visualización con CSS

Documentación

• http://www.mclibre.org/consultar/xml/lecciones/xml_css.html
• http://evc-cit.info/cit041x/lecture6_example.html
• http://es.tz8.de/style-styling-xml.html
• https://www.ibm.com/developerworks/xml/tutorials/x-xmlcss (3 entregas)

En el doc xml

En el documento xml introducimos una referencia al documento .css

 <?xml-stylesheet type="text/css" href="url_del_css"?>

Ejemplo: http://www.w3schools.com/xml/xml_display.asp

Chuleta CSS

• Básico

long {display: none;}
abbreviation {display: inline;}
abbreviation * {display: inline;}
* {display: block;}

• Generar contenido

title:before {content: 'Title: ';}
title:after {content: ' (technical paper)';}
subtitle:before {content: 'Subtitle: ';}
author:before {content: 'Author: ';}

• Comillas

subtitle:before {content: open-quote;}
subtitle:after {content: close-quote;}

• Atributos

author:after {content: ' (' attr(e-mail) ')';}

• Contadores

section:before {
  content: "Section " counter(section) "\A\A0";
  counter-increment: section;
  white-space: pre;
}

• Contenido desde uris

paper:after {
  content: url('disclaimer.txt');
  white-space: pre;
}