Diferencia entre revisiones de «Usuario:Lmorillas/modulo lenguajes de marcas/xml/presentacion css»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con '{{MiTitulo|Presentación con CSS}} == Visualización con CSS == === Documentación === * http://es.tz8.de/style-styling-xml.html * https://www.ibm.com/developerworks/xml/tutor…')
 
(→‎Documentación)
 
(3 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
−
{{MiTitulo|Presentación con CSS}}
+
<noinclude>{{MiTitulo|Presentación con CSS}}</noinclude>
  
 
== Visualización con CSS ==
 
== Visualización con CSS ==
  
 
=== Documentación ===
 
=== 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
 
* http://es.tz8.de/style-styling-xml.html
 
* https://www.ibm.com/developerworks/xml/tutorials/x-xmlcss (3 entregas)
 
* https://www.ibm.com/developerworks/xml/tutorials/x-xmlcss (3 entregas)
Línea 11: Línea 13:
 
   <?xml-stylesheet type="text/css" href="url_del_css"?>
 
   <?xml-stylesheet type="text/css" href="url_del_css"?>
 
: Ejemplo: http://www.w3schools.com/xml/xml_display.asp
 
: 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;
 +
}

Última revisión de 09:28 17 ene 2013


Visualización con CSS

Documentación

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;
}
Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:Lmorillas/modulo_lenguajes_de_marcas/xml/presentacion_css&oldid=11242»