DHTML

Curso de DHTML: CSS y Layers
Lola Cardenas Luque

http://rinconprog.metropoli2000.com
lornacl@iname.com

Ultima actualizacion: 3 de febrero de 2001

Lola Cardenas Luque

Curso de DHTML

Copyright c 2.001, por Lola Cardenas Luque
Con este curso se pretende completar los conocimientos de HTML, aprendiendo cosas sobre hojas de estilo y capas, las dos grandes categor as que constituyenel HTML
Dinamico. Es altamente recomendable saber desenvolverse con el lenguaje HTML, puesto
que estos temas son una ampliacion a lo que ya se conoce de este lenguaje.
Este manual es para libre uso personal. No puede distribuirse, completo o en parte, sin el
consentimiento escrito de la autora.

http://rinconprog.metropoli2000.com

iii

Curso de DHTML

Lola Cardenas Luque

IndiceGeneral

1
2
3
4
5

Introduccion
De nicion de los estilos
Herencia de estilos
Jerarqu a de de nicion de estilos. Clases. Pseudoclases
Propiedades de las hojas de estilo

5.1
5.2
5.3
5.4
5.5

Propiedades de formato de bloque .
Propiedades de las fuentes . . . . .
Propiedades de texto . . . . . . . .
Propiedades de color y fondo . . . .
Propiedades de clasi cacion (listas).
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

1
2
6
8
11
12
1314
14
15

6 Layers: Creacion

16

7 Propiedades de las capas
8 La etiqueta de Netscape

19
22

6.1 Diferencias entre ambos tipos de posicionamiento . . . . . . . . . . . . . . 17
6.1.1 Posicionamiento absoluto . . . . . . . . . . . . . . . . . . . . . . . . 17
6.1.2 Posicionamiento relativo . . . . . . . . . . . . . . . . . . . . . . . . 17

http://rinconprog.metropoli2000.comv

Lola Cardenas Luque

Curso de DHTML

1 Introduccion
DHTML son las siglas de Dynamic HyperText Markup Language (conocido como HTML
Dinamico) se trata de una nueva especi cacion que viene a dar respuesta a la demanda
de interactividad en las paginas web.
El mundo de la red hasta ahora hab a estado lleno de paginas con un contenido mas o
menos interesante, pero estatico: una vez lapagina hab a cargado, ya no hab a modi cacion
posible que la dotara de la interactividad que el gran publico ped a. Y llego DHTML
La especi cacion DHTML se podr a dividir en tres grandes categor as: las hojas de
estilo, las capas (layers) y las fuentes de letra cargables. Ademas, el uso de algun lenguaje
de script, como JavaScript, contribuye en buena medida a la interactividad de las paginas,pues estos lenguajes son los que nos permiten cambiar las propiedades de forma dinamica.
Si quieres saber algo de JavaScript, puedes consultar este curso.
Las hojas de estilo vienen a intentar volver a separar en un documento el estilo logico
del estilo f sico, dejando este ultimo en bloques de de nicion de estilos separados de la
estructura del documento.
El estilo logico se re ere a lalogica del documento: cabeceras, parrafos, ... no se preocupa
de la apariencia nal, sino de la estructura del documento. Por el contrario, el estilo f sico
no se preocupa de la estructura del documento, sino por la apariencia nal: parrafos con
un cierto tipo de letra, tablas con un determinado color de fondo, ...
La nalidad de las hojas de estilo es crear unos estilos f sicos, separados de lasetiquetas
HTML (en lugar de como parametros de las etiquetas), y aplicarlos en los bloques de texto
en los que se quieran aplicar. Estos estilos podran ser modi cados en algunas ocasiones
desde JavaScript, y esto empieza a darnos un poco mas de interactividad.
Por otra parte, tenemos las capas, que vienen a darnos la solucion al problema de poner
elementos justo en la posicion que queramos,...