Nota:

En Dreamweaver CC y versiones posteriores, el panel Estilos CSS se ha sustituido por el Diseñador de CSS. Para obtener más información, consulte el Diseñador de CSS.

Los estilos de clase son los únicos tipos de estilos CSS que se pueden aplicar a cualquier texto del documento, independientemente de las etiquetas que controlen dicho texto. Todos los estilos de clase asociados al documento actual se muestran en el panel Estilos CSS (con un punto [.] delante de su nombre) y en el menú emergente Estilo del inspector de propiedades.

La mayoría de los estilos se actualizan inmediatamente; sin embargo, es recomendable que obtenga una vista previa de la página en un navegador para comprobar que el estilo se ha aplicado correctamente. Cuando se aplican dos o más estilos al mismo texto, éstos pueden entrar en conflicto y producir resultados imprevistos.

Nota:

Al obtener una vista previa de los estilos definidos en una hoja de estilos CSS externa, no olvide guardar la hoja de estilos para asegurarse de que los cambios se verán reflejados en la vista previa de la página en un navegador.

Aplicación de un estilo de clase CSS

  1. En el documento, seleccione el texto al que desea aplicar un estilo CSS.

    Sitúe el punto de inserción en un párrafo para aplicar el estilo a todo el párrafo.

    Si selecciona un rango de texto dentro de un párrafo, el estilo CSS sólo afectará al rango seleccionado.

    Para especificar la etiqueta exacta a la que se deberá aplicar el estilo CSS, selecciónela con el selector de etiquetas situado en la parte inferior izquierda de la ventana de documento.

  2. Para aplicar un estilo de clase, siga uno de estos procedimientos:
    • En el panel Estilos CSS (Ventana > Estilos CSS), seleccione el modo Todo, haga clic con el botón derecho del ratón en el nombre del estilo que desea aplicar y seleccione Aplicar en el menú contextual.

    • En el inspector de propiedades de HTML, seleccione el estilo de clase que desea aplicar en el menú emergente Clase.

    • En la ventana de documento, haga clic con el botón derecho del ratón (Windows) o mantenga presionada la tecla Control y haga clic (Macintosh) en el texto seleccionado y, en el menú contextual que aparece, seleccione Estilos CSS. A continuación, seleccione el estilo que desea aplicar.

    • Seleccione Formato > Estilos CSS y, en el submenú, seleccione el estilo que desea aplicar.

Eliminación de un estilo de clase de una selección

  1. Seleccione el objeto o texto cuyo estilo desea eliminar.
  2. En el inspector de propiedades de HTML (Ventana > Propiedades), seleccione Ninguno en el menú emergente Estilo.

Cambio del nombre de un estilo de clase

  1. En el panel Estilos CSS, haga clic con el botón derecho del ratón en el estilo de clase CSS que desea cambiar de nombre y seleccione Cambiar nombre de clase.

    Nota:

    También puede cambiar el nombre de una clase seleccionando Cambiar nombre de clase en el menú de opciones del panel Estilos CSS.

  2. En el cuadro de diálogo Cambiar nombre de clase, asegúrese de que la clase que desea cambiar de nombre está seleccionada en el menú emergente Cambiar nombre de clase.
  3. En el cuadro de texto Nuevo nombre, introduzca el nuevo nombre de la clase y haga clic en Aceptar.

    Si la clase que va a cambiar de nombre es interna en el encabezado del documento actual, Dreamweaver cambia el nombre de la clase y todas las instancias del nombre de la clase que haya en el documento actual. Si la clase que va a cambiar de nombre es un archivo CSS externo, Dreamweaver abre el archivo y cambia el nombre de la clase. Dreamweaver abre además el cuadro de diálogo Buscar y reemplazar para que pueda buscar todas las instancias del antiguo nombre de la clase en todo el sitio.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea