Dreamweaver aplica, elimina o cambia el nombre de los estilos de clase
El nombre de clase en un estilo de clase debe comenzar con un punto (.) y es el único tipo de estilo CSS que se puede aplicar a cualquier texto del documento. Todos los estilos de clase asociados con el documento actual se muestran en el panel "Estilos CSS" y en el elemento "Clase" en el panel de propiedades del documento actual.
1. Aplicar estilo CSS al texto seleccionado
1. Seleccione el texto del documento al que desea aplicar estilo CSS:
Mueva el cursor. al párrafo para aplicar el estilo a todo el párrafo.
Seleccione un rango de texto en un párrafo y el estilo CSS solo afectará este rango seleccionado.
Si selecciona una etiqueta en el selector de etiquetas en la esquina inferior izquierda de la ventana "Documento", el estilo CSS afectará a toda la etiqueta.
2. Seleccione el siguiente método de operación para aplicar el estilo de clase CSS:
En el panel "Estilo CSS", seleccione el modo "Todos" y haga clic en el nombre del estilo a desear. aplicarse Haga clic con el botón derecho del ratón y seleccione "Aplicar" en el menú emergente.
En el panel de propiedades HTML, seleccione el estilo de clase que desea aplicar en "Clase".
En la ventana "Documento", haga clic derecho en el texto seleccionado, seleccione el elemento "Estilo CSS" en el menú emergente y luego seleccione el estilo que se aplicará en el submenú.
Haga clic en el menú "Formato", seleccione el comando "Estilo CSS" y luego seleccione el estilo que se aplicará en el submenú.
2. Eliminar estilos de clase del contenido seleccionado
1. Haga clic en el menú "Ventana" y seleccione el comando "Propiedades" para abrir el Inspector de atributos HTML.
2. Seleccione el objeto o texto del que desea eliminar el estilo. En este momento, el nombre del estilo de clase aplicado se mostrará en el elemento "Clase" del inspector de atributos HTML.
3. En el inspector de atributos HTML, seleccione "Ninguno" en el menú emergente del elemento "Clase" para eliminar el estilo de clase.
3. Cambie el nombre del estilo de clase
1. En el panel "Estilo CSS", haga clic con el botón derecho en el estilo de clase CSS a cambiar de nombre y seleccione el elemento "Cambiar nombre de clase", como como se muestra en la siguiente figura:
2. Después de seleccionar el elemento "Cambiar nombre de clase", aparece el cuadro de diálogo "Cambiar nombre de clase", como se muestra en la siguiente figura:
Cuadro de diálogo Cambiar nombre de clase:
Seleccione la clase cuyo nombre desea cambiar en el menú emergente Cambiar nombre de clase.
En el cuadro de texto Nuevo nombre, ingrese un nuevo nombre para el estilo de clase.
3. Haga clic en el botón "Aceptar".
4. Sugerencia:
Si la clase cuyo nombre se va a cambiar se encuentra en el encabezado del documento actual, Dreamweaver CS5 cambiará el nombre de la clase y todas las instancias del nombre de la clase en el documento actual. .
Si la clase cuyo nombre desea cambiar está en un archivo CSS externo, Dreamweaver CS5 cambiará el nombre de la clase en ese archivo CSS e iniciará el cuadro de diálogo Buscar y reemplazar para buscar en el sitio el nombre de la clase anterior. y reemplaza todas las instancias del mismo.