Modificar un estilo
Si desea editar las propiedades de un estilo de una hoja de estilos en cascada (CSS) externa, en línea o interna, puede empezar por los paneles Propiedades de CSS o Aplicar estilos. El panel Aplicar estilos permite editar cualquier estilo de las hojas de estilos de la página web actual, incluso aquéllos que no usa la página web. El panel Propiedades de CSS permite editar únicamente los estilos que usa la página web actual, los estilos que puede seleccionar en la vista Código o cualquier estilo de un archivo .css externo abierto.
[!NOTA]
Si una propiedad de la CSS no es compatible con el esquema CSS seleccionado en la ficha Creación del cuadro de diálogo Opciones del editor de páginas, la lista de valores de dicha propiedad aparece en blanco en los cuadros de diálogo Nuevo estilo y Modificar estilo, y la propiedad no aparece en el panel Propiedades de CSS. Para obtener más información, vea Establecer opciones de IntelliSense para CSS.
Para cambiar el nombre de un selector de clases
Abra la página web que contiene la CSS que incluye el selector de clases que desea modificar.
Realice una de las siguientes acciones:
En el panel Aplicar estilos, elija el selector de clases, haga clic en la flecha abajo y, a continuación, seleccione Cambiar nombre de la clase.
En los paneles Administrar estilos o Propiedades de CSS, haga clic con el botón secundario en el selector de clases y seleccione Cambiar nombre de la clase.
En el cuadro de diálogo Cambiar nombre de clase, en el cuadro Nuevo nombre, escriba un nombre nuevo para el selector de clases. No es necesario escribir un punto (.) delante del nuevo nombre de la clase.
Para actualizar el nombre de la clase en todas las referencias existentes a la misma, haga clic en Cambiar nombre de referencias de clase en los (nº) archivos que utilizan esta hoja de estilos.
Haga clic en Aceptar.
Para modificar un estilo con el panel Propiedades de CSS
Abra una página web que utilice el estilo que desea modificar.
En el panel Propiedades de CSS, si el estilo que desea modificar no aparece en la lista Reglas aplicadas, coloque el cursor en el contenido o seleccione el contenido que usa el estilo que desea modificar.
En la lista Reglas aplicadas, haga clic en el nombre del estilo que desea modificar.
En la sección Propiedades de CSS del panel Propiedades de CSS, establezca las propiedades que desee.
Para modificar un estilo con el cuadro de diálogo Modificar estilo
Abra una página web que contenga la CSS que incluye el estilo que desea modificar.
Realice una de las siguientes acciones:
Para modificar un selector de clases, elementos o Id., elija el estilo en el panel Aplicar estilos, haga clic en la flecha abajo y después seleccione Modificar estilo.
Para modificar un estilo en línea, coloque el cursor en el contenido o seleccione el contenido que usa el estilo, elija el estilo en el panel Aplicar estilos, haga clic en la flecha abajo y, a continuación, seleccione Modificar estilo.
En la lista Reglas aplicadas del panel Propiedades de CSS, haga clic con el botón secundario en el estilo y seleccione Modificar estilo. Si el estilo que desea modificar no aparece en la lista Reglas aplicadas del panel, coloque el cursor en el contenido o seleccione el contenido que usa el estilo que desea modificar.
Para cambiar el nombre del estilo y el tipo de selector, en el cuadro Selector del cuadro de diálogo Modificar estilo, siga uno de estos procedimientos:
[!NOTA]
Los nombres de los selectores de clases e Id. no pueden contener espacios a menos que vaya a crear un selector complejo.
Para usar un selector de elementos, haga clic en el nombre de un elemento en el cuadro desplegable Selector.
Para usar un selector de Id., escriba un signo de número (#) seguido de un nombre único.
Para usar un selector en línea, haga clic en estilo en línea en el menú del cuadro Selector.
Para usar un selector de clases, escriba un punto (.) seguido de un nombre único.
[!NOTA]
Para cambiar el nombre de un selector de clases existente y actualizar automáticamente cualquier referencia existente a dicho estilo, use el procedimiento descrito en Para cambiar el nombre de un selector de clases. Si cambia el nombre de un selector de Id. o de elementos, o cambia el tipo del selector de cualquier tipo de estilo, las referencias a ese estilo no se actualizan automáticamente, sino que deberá actualizarlas de forma manual.
En el cuadro Categoría, haga clic en una de las siguientes opciones y configure las propiedades a las que desea aplicar formato:
Fuente establece las propiedades de la fuente, incluido el tamaño, el grosor, la decoración y el color.
Bloque establece la altura de la línea y la alineación, la sangría y el espaciado del texto.
Fondo establece las propiedades de las imágenes de fondo y el color de fondo.
Borde establece un borde y sus propiedades.
Cuadro establece las propiedades de espaciado interno y de margen de los elementos a nivel de bloque y de cuadro.
Posición establece las dimensiones y la posición de los elementos a nivel de bloque y de cuadro.
Diseño establece la visibilidad, el comportamiento de flotación y ajuste, el recorte y otras propiedades de diseño de los elementos a nivel de bloque y de cuadro.
Lista establece las propiedades de los elementos de listas, como el tipo, la posición y la imagen.
Tabla establece las propiedades de los elementos relacionados con las tablas, como el espaciado, el diseño y el borde.
Haga clic en Aceptar.
Vea también
Tareas
Crear un estilo
Eliminar estilos de hojas de estilos en cascada
Quitar un estilo del contenido
Referencia
Conceptos
Usar herramientas de hojas de estilos en cascada
Referencia de hojas de estilos en cascada