Tecnología

Inicio

Cómo editar una hoja de estilos CSS en Dreamweaver CS 3

Utilización de hojas de estilo en cascada o CSS es una manera fácil de cambiar el aspecto de cualquier página web de forma rápida. La creación de un documento CSS desde cero, sin embargo, a menudo puede ser más trabajo que un diseñador de páginas web novato está dispuesto a manejar. Afortunadamente, el software de diseño web Adobe Dreamweaver hace que sea fácil de editar una hoja de estilo preexistente. Este artículo le mostrará cómo editar una hoja de estilos CSS en Dreamweaver CS 3.

Instrucciones

Seleccione una hoja de estilo en cascada

1 Iniciar Dreamweaver.

2 Seleccione "Hoja de estilo CSS" de la página de inicio en el marco del "Crear a partir de muestras" la partida.

3 Elija una hoja de estilo pre-existente de la lista de opciones que se presentan. Las opciones van desde hojas de estilo completas a las hojas que sólo marcan el estilo de texto de una página.

4 Abra el Panel de CSS. El Panel CSS en el lado derecho de la pantalla debe abrir cuando se abre Dreamweaver. Si no lo hace, sin embargo, seleccionar "Ventana> Estilos CSS" para abrirlo.

5 Seleccione la regla que desea editar en el panel CSS. El panel CSS muestra una lista de todas las reglas de la hoja de estilo CSS seleccionado. Haga clic en uno para seleccionarlo.

6 Añadir propiedades a las normas vigentes. Seleccione "Agregar propiedad" en el panel CSS para añadir propiedades a la regla seleccionada. Seleccione "Color" para abrir el selector de color y cambiar el color asociado con la regla.

7 Guarde la hoja de estilo.