Nota:

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

Puede editar fácilmente tanto reglas internas como externas que haya aplicado al documento.

Al editar una hoja de estilos CSS que controla el texto del documento, cambiará inmediatamente el formato de todo el texto al que se aplique dicha hoja de estilos. La edición de una hoja de estilos externa afecta a todos los documentos vinculados a ella.

Puede configurar un editor externo para la edición de las hojas de estilos.

Edición de una regla en el panel Estilos CSS (modo Actual)

  1. Abra el panel Estilos CSS seleccionando Ventana > Estilos CSS.
  2. Haga clic en el botón Actual situado en la parte superior del panel Estilos CSS.
  3. Seleccione un elemento del texto de la página actual para visualizar las propiedades del mismo.
  4. Siga uno de estos procedimientos:
    • Haga doble clic en una propiedad del panel Resumen de la selección para mostrar el cuadro de diálogo de definición de regla CSS y realice los cambios deseados.

    • Seleccione una propiedad en el panel Resumen de la selección y edite la propiedad en el panel Propiedades situado debajo.

    • Seleccione una regla del panel Reglas y, a continuación, edite las propiedades de la regla en el panel Propiedades situado debajo.

    Nota:

    Puede cambiar el comportamiento del doble clic para la edición de CSS, además de otros comportamientos, cambiando las preferencias de Dreamweaver.

Edición de una regla en el panel Estilos CSS (modo Todo)

  1. Abra el panel Estilos CSS seleccionando Ventana > Estilos CSS.
  2. Haga clic en el botón Todo situado en la parte superior del panel Estilos CSS.
  3. Siga uno de estos procedimientos:
    • Haga doble clic en una regla del panel Todas las reglas para mostrar el cuadro de diálogo de definición de regla CSS y realice los cambios deseados.

    • Seleccione una regla del panel Todas las reglas y, a continuación, edite las propiedades de la regla en el panel Propiedades situado debajo.

    • Seleccione una regla del panel Todas las reglas y luego haga clic en el botón Editar estilo, situado en la esquina inferior derecha del panel Estilos CSS.

    Nota:

    Puede cambiar el comportamiento del doble clic para la edición de CSS, además de otros comportamientos, cambiando las preferencias de Dreamweaver.

Cambio del nombre de un selector CSS

  1. En el panel Estilos CSS (modo Todo), elija el selector que desea modificar.
  2. Haga clic de nuevo en el selector para poder editar el nombre.
  3. Realice los cambios y presione Intro (Windows) o Retorno (Macintosh).

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