Utilización de hojas de estilos de muestra de Dreamweaver

1. Abra el panel Estilos CSS siguiendo uno de estos procedimientos:

   • Seleccione Ventana > Estilos CSS.

   • Presione Mayús+F11.

2. En el panel Estilos CSS, haga clic en el botón Adjuntar hoja de estilos externa. (Se encuentra en la esquina inferior derecha del panel.)
3. En el cuadro de diálogo Adjuntar hoja de estilos externa, haga clic en Hojas de estilos de muestra.
4. En el cuadro de diálogo Hojas de estilos de muestra, seleccione una hoja de estilos en el cuadro de lista.

   Al seleccionar las hojas de estilos del cuadro de lista, el panel Vista previa mostrará el formato de texto y de color de la hoja de estilos seleccionada.

5. Haga clic en el botón Vista previa para aplicar la hoja de estilos y verificar que se aplican los estilos que desea en la página actual.

   Si los estilos aplicados no tienen el efecto que esperaba, seleccione otra hoja de estilos de la lista y haga clic en el botón Vista previa para aplicar dichos estilos.

6. De forma predeterminada, Dreamweaver guarda la hoja de estilos en una carpeta denominada CSS justo debajo de la raíz del sitio definido para la página. Si esa carpeta no existe, Dreamweaver la creará. Para guardar el archivo en otra ubicación, haga clic en Examinar y busque otra carpeta.
7. Cuando encuentre una hoja de estilos cuyas reglas de formato coincidan con sus criterios de diseño, haga clic en Aceptar.

 ayuda de comunidad (adobe.com)