Cómo editar un estilo en dreamweaver

Puede cambiar los atributos de cualquier estilo en Dreamweaver vez que se crea mediante la edición de su definición de estilo. Aquí es donde algunas de las mayores ventajas de Cascading Style Sheets entran en juego. Puede realizar cambios globales a una página (o incluso a un sitio web completo) cambiando un estilo- cuando se edita el estilo, los cambios se aplican automáticamente a todos los elementos que utiliza el estilo.

Video: CSS hojas de estilo con dreamweaver sin escribir código muy facil

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 lo 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 una ya existente.

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

  1. Abra el panel de diseñador CSS seleccionando Ventana → Estilos CSS.

  2. En el panel de selectores CSS diseñador, 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 o cualquier otro contenido de 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 de encontrar y editar.

    Video: Como editar una plantilla Con dreamweaver cs6

  3. Editar la configuración para el estilo a su gusto.

    Video: Curso de Dreamweaver CS6. 4.2. Crear y aplicar clases CSS

  4. 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 OK.

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

    Video: Tutoriales Dreamweaver - Trucos. Modificar etiquetas Div y Reglas CSS - Capítulo 4

Artículos Relacionados