Hojas de estilo CSS o Cascadind Style

Sheets En Dreamweaver 8

L.I. María del Carmen rivera González

Las hojas de estilo te permiten cambiar la apariencia de cientos de páginas Web modificando solo un archivo. La denominación "en cascada" se utiliza para indicar que los estilos dinámicos aplicados a un elemento, serán heredados por los elementos hijo de este.

Un estilo local, siempre prevalece sobre un estilo global.

Las hojas de estilos, se puede realizar de dos formas, para que afecten a un solo documento o bien guardar como arhivo .css, para poder emplearlo en varias páginas del sitio, que és lo que vamos a ver a continuación.

Vamos a crear una hoja de estilos sencilla para que afecte a un solo documento.

Sigue los siguientes pasos:

1.- Ir a la sección Crear a partir de muestras. 2.- Clic en hojas de estilos. 3.-Selecciona Colores: Azul /blanco/amarillo 4.- Clic en crear.

Nos aparecerá la siguiente pantalla, guarda el archivo como cascada1 tipo hoja de estilos .css en documentos.

6.-Crea un nuevo archivo tipo HTML, guardalo en documentos con el nombre de PaginaConHojaEstilo

7.-Ubícate en el panel derecho, busca el icono de adjuntar hojas de estilo

8.- Clic en Examinar, ir a documentos busca el archivo cascada1.css y selecciónalo

9.- En la opción Relativa a: especifica que sea a Documento.

10.- Clic en aceptar, añadir como vincular.

11.- antes de dar clic en aceptar da clic en vista previa para que notes los cambios a continuación clic en aceptar.

Realiza el siguiente ejemplo respetando el formato de la hoja de estilo