HOJAS DE ESTILOS EN CASCADA

Estilos CSS

(Hojas de Estilo en Cascada)

ESTILOS CSS

Una de las opciones más interesantes que posee la herramienta Dreamweaver

CS3 son los Estilos CSS (Hojas de Estilo en Cascada), que nos permite crear

formatos que controlan de una forma flexible los contenidos de una página Web

(texto, imágenes, formato de la página, listas, bloques, entre otros).

Por medio de los CSS podemos combinar atributos de color, de tamaño, de tipos

de fuente, o de fondo; buscando la forma de no repetir asignaciones de estos

atributos.

La ventaja de la utilización de CSS, es que permite una actualización automática

en el documento de los cambios que se generen en ellos.

La desventaja de los estilos es que algunos navegadores antiguos no pueden

soportarlos y a veces los ignoran, aunque esto puede ocurrir solo en casos

contados.

Nota: Para evitar que ocurra un conflicto en los CSS creados, evite aplicar dos

estilos deferentes a un mismo texto.

Crear Estilo CSS Nuevo:

1. En la barra de Menú en la opción Texto, seleccione Estilos CSS y luego

de click en la opción Nuevo…

2. Aparecerá el cuadro de diálogo Nuevo Estilo CSS.

Defina el tipo de estilo CSS que desea crear:

• Seleccione Clase (puede aplicarse a cualquier etiqueta) y escriba el nombre

del estilo en el cuadro de texto Nombre (Ejemplo: .miestilo)

Nota: los nombres de clase deben comenzar por un punto (.) y pueden

contener cualquier combinación alfanumérica (por ejemplo .myhead1). Si no

introduce el punto inicial, Dreamweaver lo hará de forma automática.

• Para incrustar el estilo en el documento actual, donde dice Definir en,

seleccione Sólo este documento.

3. De click en el botón Aceptar. Aparecerá el cuadro de diálogo Definición de

Estilos.

4. Seleccione las opciones de estilo que desea establecer para el estilo CSS

nuevo

...