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

De WikiEducator
Saltar a: navegación, buscar
(En el doc xml)
(CSS)
Línea 12: Línea 12:
 
: Ejemplo: http://www.w3schools.com/xml/xml_display.asp
 
: Ejemplo: http://www.w3schools.com/xml/xml_display.asp
  
===CSS===
+
===Chuleta CSS===
 
* Básico
 
* Básico
 
  long {display: none;}
 
  long {display: none;}

Revisión de 18:37 22 dic 2011


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;
}