CURSO COMPLETO DE DREAMWEAVER 8

--MEDIOS--



10 - HOJAS DE ESTILOS CSS - EXTERNA

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, vimos en el anterior tutorial.  o bien guardar como arhivo .css, para poder emplearlo en varias páginas del site, que és lo que vamos a ver a continuación.

Vamos a crear una hoja de estilos sencilla.

Abrimos un nuevo documento y abrimos la paleta de estilos:

Ventana > Estilos CSS

Nueva regla css:





Clase: Afecta solo a una parte del documento

Etiqueta: Permite modificar las propiedades de las etiquetas de html

Avanzadas: Permite modificar un estado concreto, por ej. un enlace.

Definir en: Permite elegir el estilo de los cuatro estados que tiene un vinculo.

En este caso vamos a modificar la etiqueta body, y vamos a crearlo como nuevo archivo de hoja de estilos:



A diferencia del ejercicio anterior, ahora nos pide donde queremos guardar el archivo:



Le ponemos un nombre y damos a guardar.

En la definición de regla, sale ahora tambien el nombre de nuestro documento:



El procedimiento es similar al anterior, con la unica peculiaridad que si observamos el código, veremos que no aparece ningún estilo, tan solo el vinculo al estilo que hemos creado:

<title>Mi pagina</title>
<link href="mi_estilo.css" rel="stylesheet" type="text/css" />
</head>


Ahora podemos, vincular es hoja de estilos que hemos creado a los demás documentos que contengan las mismas carácteristicas, para ello tan solo abrimos el documento, y en la paleta de estilos, damos click a "Adjuntar hoja de estilos"



Ahora nos pedirá el archivo que quermos vincular:



Damos click en examinar y buscamos nuestro archivo .css, aceptamos y automaticamente nuestra hoja coje el estilo del archivo .css que hemos vinculado.



2007©By Almaweb.es

subir

Ir al menú de tutoriales de DREAMWEAVER

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproduccion, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation