Adjuntar o desasociar una hoja de estilos en cascada externa

Si desea que una o varias páginas web usen los estilos definidos en una hoja de estilos en cascada externa (CSS), debe adjuntar dicha CSS externa a las páginas web. Puede adjuntar una CSS externa a una sola página web arrastrando el archivo .css a la página abierta en la Vista de diseño. Si desea adjuntar la CSS externa a varias páginas o a otra CSS externa, o si la CSS externa se encuentra fuera del sitio, puede usar el cuadro de diálogo Adjuntar hoja de estilos en lugar de lo anterior.

Si ya no desea que la página web use los estilos de una CSS externa adjunta, puede desasociar en un solo paso la CSS de esa página mediante el panel Aplicar estilos o Administrar estilos. Si desea desasociar una CSS externa de varias páginas web o de un sitio completo, puede usar el cuadro de diálogo Administrar vínculos de hoja de estilos.

Importante:
Desasociar una CSS externa de una página web no elimina las referencias existentes en dicha página web a los estilos de la CSS externa; deberá eliminar las referencias a los estilos usted mismo. Puede que le resulte más fácil encontrar las referencias a los estilos antes de desasociar la CSS. Para obtener más información, vea Quitar un estilo del contenido.

Para adjuntar una CSS externa a una página web arrastrando y colocando

1. Abra la página web en la Vista de diseño.

2. Arrastre el archivo .css del panel Lista de carpetas o la Vista Sitio a la página.

Para adjuntar una CSS externa a una o varias páginas web o a un archivo .css

1. Para seleccionar los archivos a los que desea adjuntar la CSS, haga lo siguiente:

   • Para adjuntar la CSS a una sola página web, abra la página web.

   • Para adjuntar la CSS a todas las páginas de un sitio, abra el sitio.

   • Para adjuntar la CSS a varias páginas, seleccione en el panel Lista de carpetas o la Vista Sitio las páginas web que desea que usen la CSS.

   • Para adjuntar la CSS a todas las páginas de una carpeta, seleccione la carpeta en el panel Lista de carpetas o en la vista Carpetas de la Vista Sitio.

   • Para adjuntar la CSS a un archivo .css diferente, abra el archivo .css al que desea adjuntar la CSS.

2. Realice una de las siguientes acciones:

   • En el menú Formato, elija Estilos CSS y, a continuación, haga clic en Adjuntar hoja de estilos .

   • En el panel Aplicar estilos o Administrar estilos, haga clic en Adjuntar hoja de estilos.

3. En el cuadro de diálogo Adjuntar hoja de estilos, haga lo siguiente:

   Utilice	Acción
   Dirección URL	Especifique el archivo .css y su ruta de acceso.
   Adjuntar a	Seleccione las páginas a las que se adjuntará la CSS: Página actual: sólo la página web abierta. Todas las páginas HTML: todas las páginas del sitio abierto. Páginas seleccionadas: sólo las páginas seleccionadas del sitio actual.
   Adjuntar como	Seleccione el método que se usará para adjuntar: Vínculo: usar el elemento Vínculo. Importar: usar la regla @import.

Para desasociar una CSS externa de una página web

1. Abra la página web en la Vista de diseño o en la vista Código.

2. En el panel Aplicar estilos o Administrar estilos, haga clic con el botón secundario en el nombre del archivo CSS (por ejemplo, "ewd.css") y seleccione Quitar vínculo.

Para desasociar una CSS vinculada de varias páginas web

1. Realice una de las siguientes acciones:

   • Para desasociar una CSS vinculada de todas las páginas de un sitio, abra el sitio.

   • Para desasociar una CSS vinculada de varias páginas web, seleccione las páginas en el panel Lista de carpetas o la Vista Sitio.

2. En el menú Formato, elija Estilos CSS y, a continuación, haga clic en Administrar vínculos de hoja de estilos.

3. En la lista Dirección URL del cuadro de diálogo Vincular hoja de estilos, haga clic en el nombre de la hoja de estilos en cascada (CSS) externa que desea desasociar.

   [!NOTA]

   El cuadro de diálogo Vincular hoja de estilos enumera sólo los archivos de CSS vinculadas, pero no los archivos de CSS importadas. Puede desasociar una CSS importada de una sola página web a la vez mediante el panel Aplicar estilos o Administrar estilos, o quitando la regla @import asociada de cada página web en la vista Código.

4. Haga clic en una de las siguientes opciones:

   • Página actual desasocia la CSS únicamente de la página web actual.

   • Todas las páginas desasocia la CSS de todas las páginas del sitio actual.

   • Páginas seleccionadas desasocia la CSS sólo de las páginas seleccionadas del sitio actual.

5. Haga clic en Quitar y, a continuación, haga clic en Aceptar.

Para desasociar una CSS externa importada de un archivo .css

1. Abra el archivo .css que contiene la CSS importada.

2. Elimine la regla @import que hace referencia al archivo de la CSS que desea desasociar.

Vea también

Tareas

Crear una hoja de estilos en cascada

Conceptos

Controlar las apariencias mediante estilos
Referencia de hojas de estilos en cascada
@import

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.