Índice

Administrar estilos en el documento

1. Crear un selector CSS

Vamos a ver cómo crear una clase simple que se guardará en el archivo HTML.

Si el panel no está a la vista, en el menú Ventana, seleccione Diseñador de CSS.

images/06OWT-05.PNG

El panel está formado por cuatro pestañas:

Fuentes: indica las fuentes de las reglas CSS, en un archivo .css, en el documento HTML o reglas aplicadas directamente a los elementos HTML.

@Medios: las consultas de medios (Media Queries en inglés) se hacen para crear sitios con Responsive Web Design, o sitios adaptativos en español. Dedicaremos un capítulo a esta técnica. 

Selectores: esta pestaña permite crear selectores CSS.

Propiedades: aquí verá las propiedades usadas por el selector seleccionado.

En la pestaña Fuentes, haga clic en el botón + y seleccione Definir en página.

images/06OWT-08.png

Dreamweaver muestra la etiqueta <style> para designar los estilos definidos en la página HTML.

images/06OWT-09.PNG

Deje seleccionada la fuente <style>.

En la pestaña @Medios, Dreamweaver muestra GLOBAL cuando no se utiliza ningún medio en el sitio.

images/06OWT-10.PNG

Deje seleccionada la consulta de medios GLOBAL.

images/06OWT-11.PNG

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

images/06OWT-12.png

En el campo de texto que aparece, introduzca el nombre de la clase, .nombre-propio en este ejemplo.

images/06OWT-13.png

Confirme pulsando la tecla [Intro].

Deje seleccionado el selector .nombre-propio.

La pestaña Propiedades permite asignar propiedades ...