Recursos de Dreamweaver CS4

Utilización de ayudas visuales con elementos de bloque de diseño que no son elementos de bloque de diseño CSS

Puede utilizar una hoja de estilos de tiempo de diseño para visualizar los fondos, los bordes o el modelo de cuadro de los elementos que no suelen considerarse bloques de diseño CSS. Para ello, en primer lugar debe crear una hoja de estilos de tiempo de diseño que asigne el atributo display:block al elemento de página correspondiente.

Cree una hoja de estilos CSS externa con Archivo > Nuevo. Seleccione después Página básica en la columna Categoría, CSS en la columna Página básica y haga clic en Crear.
En la nueva hoja de estilos, cree reglas que asignen el atributo display:block a los elementos de página que desea visualizar como bloques de diseño CSS.
Por ejemplo, si quiere visualizar un color de fondo para los párrafos y los elementos de lista, puede crear una hoja de estilos con las reglas siguientes:
```
p{ 
display:block; 
} 
li{ 
display:block; 
}
```
Guarde el archivo.
En la vista Diseño, abra la página a la que desea adjuntar los nuevos estilos.
Seleccione Formato > Estilos CSS > Tiempo de diseño.
En el cuadro de diálogo Hojas de estilos de tiempo de diseño, haga clic en el botón más (+) situado encima del cuadro de texto Mostrar sólo en tiempo de diseño, seleccione la hoja de estilos que acaba de crear y, por último, haga clic en Aceptar.
Haga clic en Aceptar para cerrar el cuadro de diálogo.
El estilo se adjuntará al documento. Si ha creado una hoja de estilos con el ejemplo anterior, todos los párrafos y los elementos de lista adoptarán el formato del atributo display:block y podrá activar y desactivar las ayudas visuales de bloques de diseño CSS para todos ellos.