CSS en XML - Ejercicios

Estos ejercicios corresponden a lo explicado en la lección Hojas de estilo CSS en XML.

Se pueden consultar unas posibles soluciones de estos ejercicios.

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:

CSS - Ejercicio 1-1

Enlace a ejemplo

CSS - Ejercicio 1-2

Enlace a ejemplo

CSS - Ejercicio 1-3

Enlace a ejemplo

CSS - Ejercicio 1-4

Enlace a ejemplo

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:

CSS - Ejercicio 2-1

Enlace a ejemplo

CSS - Ejercicio 2-2

Enlace a ejemplo

CSS - Ejercicio 2-3

Enlace a ejemplo

CSS - Ejercicio 2-4

Enlace a ejemplo

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:

CSS - Ejercicio 3-1

Enlace a ejemplo

CSS - Ejercicio 3-2

Enlace a ejemplo

CSS - Ejercicio 3-3

Enlace a ejemplo

CSS - Ejercicio 3-4

Enlace a ejemplo