Esta idea sólo pretende mostrar algunas de las cosas que se pueden hacer usando las hojas de estilo CSS.
En este caso lo que se está utilizando son tres hojas de estilo diferentes en una sola. El truco se basa en que todas las reglas comienzan por la clase del contendor principal (por ejemplo: .hoja1 .titulo, .hoja2 .titulo, etc.), y a través de una sencillísima función de Javascript, cambiamos la clase del contenedor principal.
Esto produce que todas las clases que están por debajo de él cambien y las podamos diseñar a nuestro gusto. Sencillo, ¿no?