¿Cómo editar un estilo en Dreamweaver

Usted puede cambiar los atributos de cualquier estilo en Dreamweaver después de crearlo editando su definición de estilo. Aquí es donde algunas de las mayores ventajas de Cascading Style Sheets entran en juego. Usted puede hacer cambios globales en una página (o incluso a todo un sitio web) cambiando un estilo- al editar el estilo, los cambios se aplican automáticamente a todos los elementos que utiliza el estilo.

Una de las razones por las hojas de estilo externas son tan valioso es que se puede crear estilos que se utilizan en cualquier o todas las páginas de un sitio. Tenga cuidado, sin embargo, que esta capacidad también puede conducir a problemas. Si decide editar un estilo cuando se utiliza en una página nueva, no se olvide de que va a cambiar el formato en todas partes ya has probado ese estilo.

Puede crear nuevos estilos mediante la duplicación de un estilo existente, dándole un nuevo nombre, y luego alterar las definiciones de estilo. Este truco de ahorro de tiempo es útil cuando se desea crear un nuevo estilo que es similar a uno existente.

Para editar cualquier estilo existente (si se ha creado con la clase, etiqueta, o el selector ID), siga estos pasos:

  1. Abra el panel CSS Diseñador eligiendo estilos de ventana en CSS.

  2. En el panel de selectores Diseñador CSS, seleccione el nombre de un estilo existente.

    Las reglas de estilo se muestran en el panel Propiedades.

    Si desea editar un estilo que ya se ha utilizado para dar formato al texto, imágenes u otro contenido en la página abierta en Dreamweaver, seleccione el contenido. El nombre del estilo aplicado a ese contenido se mostrará en el panel de selectores, por lo que es fácil encontrar y editar.

  3. Editar las configuraciones para el estilo de su agrado.

    • Si edita un estilo en el cuadro de diálogo de definición de reglas CSS, cambios se aplican automáticamente al hacer clic en el botón Aplicar o al hacer clic en Aceptar.

    • Si edita una definición de estilo en el panel Propiedades, los cambios se aplican automáticamente en cuanto se pulsa la tecla Retorno o Intro o haga clic fuera del campo de formato en el panel.




    » » » » ¿Cómo editar un estilo en Dreamweaver