Los estilos CSS

©
Reservados todos los derechos. El contenido de esta obra está inscrito en el registro territorial de la propiedad intelectual de la Comunidad
de Madrid con nº M-006417/2006.
Este material es para uso personal por parte del alumno que esté realizando este curso. Queda prohibido por el autor reproducir, plagiar o
distribuir esta obra sin la preceptiva autorización.
Los estilos CSS
Abre el documento nouvelle_vague.htm.
Muestra el inspector de propiedades si se encuentra oculto.
Selecciona Ventana >> Estilos CSS para mostrar el panel Estilos
CSS.
Haz clic en el botón Nueva regla CSS
. Se abre el cuadro de diálogo
Nueva regla CSS en el que debes seleccionar la opción Etiqueta.
Despliega la lista Etiqueta y selecciona body y en Definir en:
selecciona Nuevo archivo de hoja de estilos. Pulsa Aceptar.
Se abre ahora el cuadro de diálogo Guardar archivo de hoja de
estilos como. Selecciona tu carpeta y en el campo Nombre introduce
“estilos”. Pulsa Guardar.
Insertar texto en Dreamweaver
©
Reservados todos los derechos. El contenido de esta obra está inscrito en el registro territorial de la propiedad intelectual de la Comunidad
de Madrid con nº M-006417/2006.
Este material es para uso personal por parte del alumno que esté realizando este curso. Queda prohibido por el autor reproducir, plagiar o
distribuir esta obra sin la preceptiva autorización.
Se abre ahora el cuadro de diálogo Definición de regla para body en
estilos.css. Haz clic en la Categoría Fondo. En el campo Color de
fondo
introduce “D8DFE6”, haz clic en el botón Examinar, selecciona dentro
de tu carpeta el archivo fondo_nouvelle.jpg y pulsa Aceptar.
Despliega la lista Repetir y selecciona no repetir. En Posición
horizontal y Posición Vertical, elige centrar. Pulsa Aceptar.
Para editar esta regla CSS haz clic en el botón Nueva regla CSS.
Selecciona Etiqueta en Tipo de selector, en Etiqueta elige a y en
Definir en: selecciona estilos.css. Pulsa Aceptar.
Insertar texto en Dreamweaver
©
Reservados todos los derechos. El contenido de esta obra está inscrito en el registro territorial de la propiedad intelectual de la Comunidad
de Madrid con nº M-006417/2006.
Este material es para uso personal por parte del alumno que esté realizando este curso. Queda prohibido por el autor reproducir, plagiar o
distribuir esta obra sin la preceptiva autorización.
En el cuadro de diálogo Definición de regla para a en estilos.css
selecciona en la Categoría Tipo la familia de fuentes “Arial, Helvética,
sans-serif”, con tamaño intermedio, color #330000 y decoración
ninguna. Este estilo se aplicará a los vínculos que ya no aparecerán
subrayados. Pulsa Aceptar.
Pulsa otra vez el botón Nuevo. Esta vez selecciona la opción Clase, en el
campo Nombre introduce “.texto” y en Definir en: selecciona
estilos.css. Pulsa Aceptar para volver a abrir el cuadro de definición de
estilos.
En la Categoría Tipo elige la familia de fuentes “Arial, Helvética, sansserif”, con tamaño más peq, color #003366 y decoración ninguna.
Selecciona la Categoría Bloque y en la lista Alineamiento del texto,
elige justificar. En el campo Sangría de texto introduce un valor de 7
milímetros. Pulsa Aceptar.
Insertar texto en Dreamweaver
©
Reservados todos los derechos. El contenido de esta obra está inscrito en el registro territorial de la propiedad intelectual de la Comunidad
de Madrid con nº M-006417/2006.
Este material es para uso personal por parte del alumno que esté realizando este curso. Queda prohibido por el autor reproducir, plagiar o
distribuir esta obra sin la preceptiva autorización.
Pulsa Nuevo y selecciona Avanzadas, en la lista Selector elige
a:hover y en Definir en: elige estilos.css. Este estilo se aplicará a los
vínculos al pasar sobre ellos. Pulsa Aceptar
En la Categoría Tipo del cuadro de diálogo que se abre selecciona la
familia de fuentes “Arial, Helvética, sans-serif”, con tamaño intermedio,
color #330000 y decoración subrayado. Pulsa Aceptar.
Selecciona “NOUVELLE VAGUE” y en el inspector de Propiedades,
selecciona el estilo negrita.
Insertar texto en Dreamweaver
©
Reservados todos los derechos. El contenido de esta obra está inscrito en el registro territorial de la propiedad intelectual de la Comunidad
de Madrid con nº M-006417/2006.
Este material es para uso personal por parte del alumno que esté realizando este curso. Queda prohibido por el autor reproducir, plagiar o
distribuir esta obra sin la preceptiva autorización.
Pulsa la tecla F12 para visualizar la página en el explorador, observa que
al pasar el puntero del ratón sobre el texto de la última línea se subraya.
Esto se debe a que el estilo a:hover presenta una decoración subrayada.
Cierra sin guardar.
Insertar texto en Dreamweaver