Índice

Crear estilos en un archivo CSS

1. Crear el archivo CSS y un selector

En el mismo documento, veamos cómo crear un selector de elementos en un archivo CSS exterior al archivo HTML. Primero crearemos el archivo CSS externo y el vínculo con el archivo HTML se hará automáticamente. Después crearemos un selector en el archivo CSS externo.

Si es preciso, seleccione Diseñador de CSS en el menú Ventana.

En la pestaña Fuentes, haga clic en el botón + y seleccione Crear un nuevo archivo CSS.

images/06OWT-27.png

En la ventana Crear un nuevo archivo CSS, dé un nombre al archivo CSS externo, estilos-perso en este ejemplo. Observe que Dreamweaver añade automáticamente la extensión .css.

En el cuadro Añ. como, deje marcada la opción Vínculo.

En este ejemplo no usaremos consultas multimedia, por tanto no usaremos las opciones del panel Uso condicional (opcional).

images/06OWT-28.png

Haga clic en Aceptar.

El archivo estilos-perso.css aparece indicado efectivamente en el panel Fuentes.

images/06OWT-29.PNG

Deje seleccionada la fuente estilos-perso.css.

En la pestaña @Medios, deje seleccionada la consulta multimedia GLOBAL.

images/06OWT-30.PNG

En la pestaña Selectores, haga clic en el botón +, Añadir selector.

images/06OWT-31.png

En el campo de texto, introduzca el selector de elemento body.

images/06OWT-32.png

Confirme el selector pulsando la tecla [Intro].

En la pestaña Propiedades, categoría Diseño, aplicaremos en este ejemplo márgenes 0.

images/06OWT-33.PNG

En el menú Archivo, seleccione ...