Tutorial de Hojas de Estilo en Cascada(CSS) para XML Versión: 2.0, Marzo, 2003 Autor: F. Javier García Castellano Web: http://flanagan.ugr.es/, Mail: fjgc@decsai.ugr.es

(C) GeNeura Team Web: http://geneura.ugr.es, Mail: fjgc@decsai.ugr.es

Introducción

Qué es y qué herramientas vamos a usar

En este tutorial veremos los elementos necesarios para desarrollar hojas de estilo en cascada (Cascading Style Sheets, CSS) para documentos XML.

Las CSS nos van a permitir formatear el aspecto de un documento XML, de forma que podremos dar distintos aspectos a nuestros documentos XML, sin necesidad de realizar ninguna transformación sobre ellos. Primero veremos una pequeña introducción a CSS. Y posteriormente entraremos en CSS1 (pensado para HTML, pero aplicable en XML) y CSS2 (pensado para XML)

Para ir empezando, las únicas herramientas que nos harán falta son:

• Un editor para poder escribir las CSS, por ejemplo, el notepad en windows y el xemacs en Linux
• Un navegador que soporte XML y CSS para XML, por ejemplo, usaremos el Internet Explorer 5 (o superior) o el Mozilla (cualquier versión). Es aconsejable utilizar, a ser posible, las últimas versiones de lo navegadores para un mayor soporte del estándar CSS.

Índice

Escribiendo y Utilizando CSS para XML

1. Cascading Style Sheets (CSS)
   1. Introducción
   2. CSS para HTML vs CSS para XML
   3. Como especificar un fichero CSS en un documento XML
   4. Ejercicios

2. CSS1 para XML
   1. Reglas de estilo o unidades CSS
   2. Selectores
   3. El atributo STYLE
   4. Herencia
   5. Estilos en Cascada
   6. Comentarios
   7. Valores
      • Longitud
      • URL
      • Color
      • Palabras clave
   8. Propiedades
      • Display
      • Propiedad white-space
      • Propiedades de Fuentes
      • Color
      • Propiedades BackGround
      • Propiedades Text
      • Propiedades Box

3. CSS2 para XML
   1. Nuevos Selectores
   2. Formateo de Páginas
   3. Formateo Visual
      • Display
      • Height y Width
      • Overflow
      • Clip
      • Visibility
      • Cursor
      • Colores
      • Fuentes
      • Text-shadow
      • Vertical-align
   4. Formateo de Cajas
      • Propiedades Outline
      • Propiedades de posicionamiento

4. Enlaces y sitios de referencia.

Licencia