Ejercicios - CSS en XML

Nota: Internet Explorer 8 y anteriores no permiten ver correctamente estos ejercicios. Internet Explorer 9, Firefox y Google Chrome sí muestran correctamente estos ejercicios.

CSS - Ejercicio 1 - Párrafos
CSS - Ejercicio 2 - Listas
CSS - Ejercicio 3 - Tablas

CSS - Ejercicio 1 - Párrafos

Dado el siguiente documento XML,

<?xml version="1.0" encoding="UTF-8"?>
<biblioteca>
  <libro>
    <titulo>La vida está en otra parte</titulo>
    <autor>Milan Kundera</autor>
    <fechaPublicacion>1973</fechaPublicacion>
  </libro>
  <libro>
    <titulo>Pantaleón y las visitadoras</titulo>
    <autor>Mario Vargas Llosa</autor>
    <fechaPublicacion>1973</fechaPublicacion>
  </libro>
  <libro>
    <titulo>Conversación en la catedral</titulo>
    <autor>Mario Vargas Llosa</autor>
    <fechaPublicacion>1969</fechaPublicacion>
  </libro>
</biblioteca>

escriba las hojas de estilo que permitan verlo en el navegador como se muestra a continuación:

Enlace a ejercicio CSS_01_01.xml

Solución: css_01_01.css
Enlace a ejercicio CSS_01_02.xml

Solución: css_01_02.css
Enlace a ejercicio CSS_01_03.xml

Solución: css_01_03.css
Enlace a ejercicio CSS_01_04.xml

Solución: css_01_04.css

CSS - Ejercicio 2 - Listas

Dado el siguiente documento XML,

<?xml version="1.0" encoding="UTF-8"?>
<ies>
  <nombreCentro>IES Abastos</nombreCentro>
  <web>http://www.iesabastos.org</web>
  <ciclos>
    <ciclo id="ASIR">
      <nombre>Administración de Sistemas Informáticos en Red</nombre>
      <grado>Superior</grado>
      <decretoTitulo>2009</decretoTitulo>
    </ciclo>
    <ciclo id="DAM">
      <nombre>Desarrollo de Aplicaciones Multiplataforma</nombre>
      <grado>Superior</grado>
      <decretoTitulo>2010</decretoTitulo>
    </ciclo>
    <ciclo id="DAW">
      <nombre>Desarrollo de Aplicaciones Web</nombre>
      <grado>Superior</grado>
      <decretoTitulo>2010</decretoTitulo>
    </ciclo>
    <ciclo id="SMR">
      <nombre>Sistemas Microinformáticos y Redes</nombre>
      <grado>Medio</grado>
      <decretoTitulo>2008</decretoTitulo>
    </ciclo>
  </ciclos>
</ies>

escriba las hojas de estilo que permitan verlo en el navegador como se muestra a continuación:

Enlace a ejercicio CSS_02_01.xml

Solución: css_02_01.css
Enlace a ejercicio CSS_02_02.xml

Solución: css_02_02.css
Enlace a ejercicio CSS_02_03.xml

Solución: css_02_03.css
Enlace a ejercicio CSS_02_04.xml

Solución: css_02_04.css

CSS - Ejercicio 3 - Tablas

Dado el siguiente documento XML,

<?xml version="1.0" encoding="UTF-8"?>
<ies>
  <nombreCentro>IES Abastos</nombreCentro>
  <web>http://www.iesabastos.org</web>
  <ciclos>
    <ciclo id="ASIR">
      <nombre>Administración de Sistemas Informáticos en Red</nombre>
      <grado>Superior</grado>
      <decretoTitulo>2009</decretoTitulo>
    </ciclo>
    <ciclo id="DAM">
      <nombre>Desarrollo de Aplicaciones Multiplataforma</nombre>
      <grado>Superior</grado>
      <decretoTitulo>2010</decretoTitulo>
    </ciclo>
    <ciclo id="DAW">
      <nombre>Desarrollo de Aplicaciones Web</nombre>
      <grado>Superior</grado>
      <decretoTitulo>2010</decretoTitulo>
    </ciclo>
    <ciclo id="SMR">
      <nombre>Sistemas Microinformáticos y Redes</nombre>
      <grado>Medio</grado>
      <decretoTitulo>2008</decretoTitulo>
    </ciclo>
  </ciclos>
</ies>

escriba las hojas de estilo que permitan verlo en el navegador como se muestra a continuación:

Enlace a ejercicio CSS_03_01.xml

Solución: css_03_01.css
Enlace a ejercicio CSS_03_02.xml

Solución: css_03_02.css
Enlace a ejercicio CSS_03_03.xml

Solución: css_03_03.css
Enlace a ejercicio CSS_03_04.xml

Solución: css_03_04.css

Esta página forma parte del curso "XML: Lenguaje de Marcas Extensible" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 3 de abril de 2012

Esta obra está bajo una licencia de Creative Commons.