Enlazar y abrir una hoja de estilo

Para que el navegador aplique una hoja de estilo externa al mostrar una página web, la hoja de estilo tiene que estar enlazada en la página web.

En esta lección se explica cómo:

Enlazar una hoja de estilo

Para poder enlazar una hoja de estilo en una página web, basta con tener abierta en Amaya la página web. Los pasos a dar son los siguientes:

• Abrir el menú Estilo > Enlazar hoja de estilo....

  

• Inmediatamente se abrirá una caja de diálogo "Enlace".

  

• Si la hoja de estilo no existe todavía y se quiere crear en el mismo directorio que la página web, basta con escribir el nombre de la hoja de estilo en la caja de texto (sin olvidar la extensión .css) y pulsar el botón "Confirmar".
• Si se quiere elegir una hoja de estilo ya existente (o crearla en otra carpeta), se puede pulsar el icono de carpeta "Buscar" () situado a la derecha de la caja de texto. Inmediatamente se abrirá una caja de diálogo estándar de Windows para seleccionar el archivo. Hay que desplazarse hasta la carpeta en la que se encuentre la hoja de estilo y seleccionarla (o escribir su nombre sin olvidar la extensión .css si se quiere crear la hoja de estilo en otra carpeta).

  

• Si la hoja de estilo está abierta en otra ventana de Amaya, se puede pulsar el botón "Clic". El cursor cambiará de forma y se convertirá en una cruz ( ). A continuación, hay que hacer clic en la ventana que contiene la hoja de estilo (teneindo cuidado en no hacer clic en ningún elemento que tenga el icono de destino ).

Volver al índice

Abrir una hoja de estilo enlazada

Para poder abrir la hoja de estilo enlazada en una página web, lógicamente hay que tener abierta en Amaya la página web y haber enlazado previamente la hoja de estilo, como se explica en el punto anterior). Los pasos a dar son los siguientes:

• Abrir el menú Estilo > Abrir hoja de estilo enlazada....

  

• Si no se hubiera enlazado ninguna hoja de estilo, Amaya mostrará únicamente la hoja de estilo por omisión del usuario (que salvo si el usuario la ha modificado, está vacía)

  

• Si hay una o varias hojas de estilo enlazadas en la misma página web, Amaya las mostrará junto con la hoja de estilo por omisión del usuario. Hay que seleccionar la hoja de estilo que se quiera abrir y pulsar "Confirmar". Inmediatamente, Amaya abrirá una nueva pestaña con la hoja de estilo.

  

  Nota: El archivo css no se crea en el disco duro cuando se enlaza en la página web ni cuando se abre, sino cuando se guarde por primera vez en la ventana de edición de Amaya.

Volver al índice

Borrar el enlace a una hoja de estilo

Para borrar el enlace a una hoja de estilo en una página web, basta con tener abierta en Amaya la página web. Los pasos a dar son los siguientes:

• Abrir el menú Estilo > Borrar enlace a hoja de estilo....

  

• Si hay una o varias hojas de estilo enlazadas en la misma página web, Amaya las mostrará. Hay que seleccionar la hoja de estilo cuyo enlace se quiera eliminar y pulsar "Confirmar".

  

Volver al índice

Abrir una hoja de estilo cualquiera

Se puede abrir una hoja de estilo cualquiera (esté o no esté enlazada a una página web), mediante el menú Archivo > Abrir, pulsando el botón "Buscar" y eligiendo el tipo de archivo CSS en la caja de diálogo estándar de Windows para seleccionar el archivo.

Volver al índice

Desactivar y activar una hoja de estilo

Mediante el menú Estilo > Desactivar hoja de estilo enlazada se puede desactivar una hoja de estilo para que Amaya no aplique temporalmente las propiedades definidas en esa hoja de estilo. Al desactivar una hoja de estilo no se elimina el enlace a la hoja de estilo.

Para aplicar nuevamente la hoja de estilo se puede simplemente actualizar la página o utilizar el menú Estilo > Activar hoja de estilo enlazada.

Volver al índice