Diferencia entre revisiones de «Usuario:Lmorillas/modulo lenguajes de marcas/xml/presentacion css»
De WikiEducator
(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
- 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"?>
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; }