HOJAS DE ESTILO EN CASCADA CSS

Fundamentos

• Una hoja de estilos CSS consta de una serie de reglas que se aplican a los elementos de un determinado tipo.
• Estas reglas pueden colocarse directamente sobre el documento (hojas de estilo internas) o en archivos aparte con extensión .css (hojas de estilo externa).
• Las hojas de estilo externas son las más utilizadas en documentos XML.

Creación de una regla de estilo

• Para definir una regla de estilo para un elemento se utiliza el siguiente formato:
  
• Cuando se utilice la etiqueta en el documento, automáticamente se aplicará el estilo definido por las propiedades.
• Si es una hoja de estilo interna, esta sólo tendrá efecto en el documento donde se ha definido.
• Si es una hoja de estilo interna, podrá utilizarse en cualquier documento.

Referencia a una hoja de estilos externa.

• Para utilizar una hoja de estilos externa en un documento, se utiliza la instrucción de procesamiento xml-stylesheet:

  <?xml-stylesheet type=“text/css” href=“estilo.css”>
  

• A continuación se muestra un ejemplo de una hoja de estilos para el documento movies.xml, y como se visualizará en el IE5.0:

Referencias CSS

• Herencia
  • No es necesario que todas las reglas especifiquen que estilo utilizar puesto que los elementos específicos heredan por defecto el estilo de los elementos más generales que los incluyen.
• Referencia
• http://geneura.ugr.es/~maribel/xml/css/
• http://www.w3c.org/Style/CSS
  http://zvon.org/xxl/CSS2Reference/Output/index.html