Nota:

En Dreamweaver CC y en versiones posteriores, el panel Estilos CSS se sustituye por el Diseñador de CSS. Para más información, consulte el Diseñador de CSS.

Las funciones de administración CSS de Dreamweaver facilitan el desplazamiento o la exportación de reglas CSS a distintas ubicaciones. Puede mover reglas entre documentos, del encabezado de un documento a una hoja de estilos externa, entre archivos CSS externos y mucho más.

Nota:

Si la regla que va a mover entra en conflicto con una regla de la hoja de estilos de destino, Dreamweaver muestra el cuadro de diálogo Ya hay una regla con el mismo nombre. Si elige mover la regla en conflicto, Dreamweaver sitúa la regla desplazada junto a la regla en conflicto en la hoja de estilos de destino.

Desplazamiento o exportación de reglas CSS a una nueva hoja de estilos

  1. Siga uno de estos procedimientos:
    • En el panel Estilos CSS, seleccione la regla o reglas que desea mover. A continuación, haga clic con el botón derecho del ratón en la selección y elija Mover reglas CSS en el menú contextual. Para seleccionar varias reglas, presione la tecla Control (Windows) o Comando (Macintosh) mientras hace clic en las reglas que desea seleccionar.

    • En el la vista de Código, seleccione la regla o reglas que desea mover. A continuación, haga clic con el botón derecho del ratón en la selección y elija Estilos CSS > Mover reglas CSS en el menú contextual.

    Nota:

    La selección parcial de una regla provocará el desplazamiento de toda la regla.

  2. En el cuadro de diálogo Mover a hoja de estilos externa, seleccione la opción Una nueva hoja de estilos y haga clic en Aceptar.
  3. En al cuadro de diálogo Guardar archivo de hoja de estilos como, introduzca un nombre para la nueva hoja de estilos y haga clic en Guardar.

    Al hacer clic en Guardar, Dreamweaver guarda una nueva hoja de estilos con las reglas seleccionadas y la adjunta al documento actual.

    Nota:

    También puede mover reglas a través de la barra de herramientas Programación. La barra de herramientas Programación sólo está disponible en la vista de Código.

Desplazamiento o exportación de reglas CSS a una hoja de estilos existente

  1. Siga uno de estos procedimientos:
    • En el panel Estilos CSS, seleccione la regla o reglas que desea mover. A continuación, haga clic con el botón derecho del ratón en la selección y elija Mover reglas CSS en el menú contextual. Para seleccionar varias reglas, presione la tecla Control (Windows) o Comando (Macintosh) mientras hace clic en las reglas que desea seleccionar.

    • En el la vista de Código, seleccione la regla o reglas que desea mover. A continuación, haga clic con el botón derecho del ratón en la selección y elija Estilos CSS > Mover reglas CSS en el menú contextual.

    Nota:

    La selección parcial de una regla provocará el desplazamiento de toda la regla.

  2. En el cuadro de diálogo Mover a hoja de estilos externa, seleccione una hoja de estilos existente en el menú emergente o haga clic en el botón Examinar para localizar una hoja de estilos existente y, a continuación, haga clic en Aceptar.

    Nota:

    El menú emergente muestra todas las hojas de estilo vinculadas al documento actual.

    Nota:

    También puede mover reglas a través de la barra de herramientas Programación. La barra de herramientas Programación sólo está disponible en la vista de Código.

Reorganización o desplazamiento de reglas arrastrándolas

  1. En el panel Estilos CSS (modo Todo), seleccione una regla y arrástrela hasta la ubicación deseada. Puede seleccionar y arrastrar las reglas para cambiarlas de orden dentro de una hoja de estilos, o mover una regla a otra hoja de estilos o al encabezado del documento.

    Nota:

    Para mover más de una regla a la vez, presione la tecla Control (Windows) o Comando (Macintosh) y haga clic en varias reglas para seleccionarlas.

Selección de varias reglas antes de desplazarlas

  1. En el panel Archivos, presione Control (Windows) o Comando (Macintosh) mientras hace clic en las reglas que desea seleccionar.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea