Crear una nueva hoja de estilos en el panel estilos css
Al hacer clic en el icono Nueva regla CSS (que se muestra en el margen) en la parte inferior del panel Estilos CSS, se abre el cuadro de diálogo Nueva regla CSS. El cuadro de diálogo Nueva regla CSS combina características para definir estilos de hojas de estilo existentes y la creación de una nueva hoja de estilo.
Video: Curso de Dreamweaver CC. 5.1. Estilos CSS de las etiquetas
Puede utilizar el cuadro de diálogo Nueva regla CSS para añadir nuevos estilos en un archivo de hoja de estilos CSS. Pero también se puede utilizar el cuadro de diálogo Nueva regla CSS para crear un nuevo archivo de hoja de estilos CSS. Éste crea un archivo de hoja de estilos CSS completamente nuevo.
Siga estos pasos para crear una nueva hoja de estilo en el cuadro de diálogo Nueva regla CSS:
1Abrir el cuadro de diálogo Nueva regla CSS abierta
Elija la etiqueta de la lista desplegable Tipo de selección.
2Elija Cuerpo de la lista desplegable de selección Nombre de crear un estilo de cuerpo de la etiqueta para su nueva hoja de estilos
Casi todas las hojas de estilo incluye un estilo de cuerpo de la etiqueta que define el tipo de letra, color de fuente y fondo de la página para toda la página.
Más tarde se puede crear estilos adicionales, pero el cuerpo de la etiqueta es casi siempre un buen lugar para empezar a la hora de crear una nueva hoja de estilo.
Video: Curso CSS Avanzado desde 0. Hojas de estilo internas y externas I Vídeo 2.mp4
3En el área de definición de reglas, donde especifica la regla se definirá por la elección de la nueva del estilo archivo de hoja
Más tarde, cuando se agrega estilos adicionales para el archivo CSS, tendrá que elegir el archivo CSS abierta de esta misma lista desplegable.
4Haga clic en OK en el cuadro de diálogo Nueva regla CSS
Aparece el archivo de hoja de estilo Guardar como cuadro de diálogo.
5Haga clic en el botón de raíz del sitio para guardar el archivo en la carpeta raíz de su sitio de Dreamweaver e introduzca un nombre de archivo
Dreamweaver suministra la extensión del archivo .css automáticamente.
6Sale de la lista relativa desplegable Para establecer al documento
Esta opción define un enlace fiable y eficiente entre el archivo de hoja de estilo y la página HTML abierto.
7Clic en Guardar
Se abre el cuadro de diálogo de definición de reglas CSS.
Usted está listo para definir su primer estilo en Dreamweaver. Pero debido a que el cuadro de diálogo de definición de reglas CSS tiene tantas opciones, que explorarlos siguiente. Por ahora, puede guardar el archivo de hoja de estilos, sin definir las propiedades de la etiqueta del cuerpo.