PDF (adobe.com)

Botones y vistas del panel Estilos CSS

En ambos modos, Todo y Actual, el panel Estilos CSS contiene tres botones que permiten modificar la vista del panel Propiedades (el panel inferior):


A.
Vista de categoría

B.
Vista de lista

C.
Vista de las propiedades establecidas

Vista de categoría
Divide las propiedades CSS compatibles con Dreamweaver en ocho categorías: fuente, fondo, bloque, borde, cuadro, lista, posición y extensiones. Las propiedades de cada categoría se encuentran en una lista que se puede expandir o contraer haciendo clic en el botón con el signo más (+) que aparece al lado del nombre de la categoría. Las propiedades aparecen (en color azul) en la parte superior de la lista.

Vista de lista
Muestra todas las propiedades CSS compatibles con Dreamweaver por orden alfabético. Las propiedades aparecen (en color azul) en la parte superior de la lista.

Vista de las propiedades establecidas
Sólo muestra las propiedades que se han establecido. La vista de propiedades establecidas es la vista predeterminada.

En ambos modos, Todo y Actual, el panel Estilos CSS también contiene los siguientes botones:


A.
Adjuntar hoja de estilos

B.
Nueva regla CSS

C.
Editar estilo

D.
Eliminar regla CSS

Adjuntar hoja de estilos
Abre el cuadro de diálogo Vincular hoja de estilos externa. Seleccione una hoja de estilos externa para adjuntar o para importar al documento actual.

Nueva regla CSS
Abre un cuadro de diálogo en el que es posible seleccionar el tipo de estilo que va a crear (por ejemplo, para crear un estilo de clase, redefinir una etiqueta HTML o definir un selector CSS).

Editar estilo
Abre un cuadro de diálogo en el que es posible editar los estilos del documento actual o de una hoja de estilos externa.

Eliminar regla CSS
Elimina el estilo o la propiedad seleccionada del panel Estilos CSS, así como el formato de cualquier elemento al que se haya aplicado. (Sin embargo, no elimina las propiedades de clase o ID a las que hace referencia dicho estilo.) El botón Eliminar regla CSS también permite anular la asociación (o “desvincular”) una hoja de estilos CSS adjunta.
Haga clic con el botón derecho (Windows) o mantenga presionada la tecla Control y haga clic (Macintosh) en el panel Estilos CSS para abrir un menú contextual de opciones de trabajo con comandos de la hoja de estilos CSS.