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.
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.
Dreamweaver muestra la etiqueta <style> para designar los estilos
definidos en la página HTML.
Deje seleccionada la fuente <style>.
En la pestaña @Medios, Dreamweaver muestra GLOBAL cuando no se utiliza ningún
medio en el sitio.
Deje seleccionada la consulta de medios GLOBAL.
En la pestaña Selectores,
haga clic en el botón +, Añadir selector.
En el campo de texto que aparece, introduzca
el nombre de la clase, .nombre-propio en
este ejemplo.
Confirme pulsando la tecla [Intro].
Deje seleccionado el selector .nombre-propio.
La pestaña Propiedades permite
asignar propiedades ...