Tal y como su nombre indica, las reglas CSS de una hoja de estilos de tiempo de diseño se aplican en la vista Diseño de Dreamweaver; no están incrustadas en el documento. Una hoja de estilos de tiempo de diseño facilita la aplicación y la vista previa de reglas CSS que utilizará la página que la contiene.

1. En la vista Diseño, seleccione Texto > Estilos CSS > Tiempo de diseño…
2. En el cuadro de diálogo Hojas de estilos de tiempo de diseño, haga clic en el botón (+) en el grupo Mostrar sólo en tiempo de diseño.
3. En el cuadro de diálogo Seleccionar archivo, abra el directorio css, seleccione el archivo screen.css y haga clic en Aceptar.

4. Haga clic en Aceptar para cerrar el cuadro de diálogo Hojas de estilos de tiempo de diseño. En la vista Diseño, el fragmento debería tener el aspecto que se muestra en la siguiente figura:

   

   Figura 16. El fragmento después de adjuntar la hoja de estilos de tiempo de diseño