Cuadros de diálogos de Nuevo estilo y Modificar estilo
Publicada: abril de 2016
Los cuadros de diálogo Nuevo estilo y Modificar estilo proporcionan opciones que le permiten definir o modificar atributos de estilo para hojas de estilos en cascada (CSS). Un estilo CSS combina atributos individuales de formato y posición en un conjunto de atributos que se pueden aplicar simultáneamente.
El cuadro de diálogo Nuevo estilo se divide en dos paneles. El panel superior le permite seleccionar dónde se define el estilo y a qué elemento o clase se aplica el estilo. El panel inferior muestra nueve categorías generales (Fuente, Bloque, Fondo, Borde, Cuadro, Posición, Diseño, Lista y Tabla). Cuando selecciona una categoría, en el panel inferior se muestran las opciones disponibles para la categoría seleccionada. A medida que se seleccionan opciones de estilo, el cuadro de diálogo Nuevo estilo crea definiciones de estilos CSS.
Las opciones del cuadro de diálogo Modificar estilo corresponden a las del panel inferior del cuadro de diálogo Nuevo estilo. El cuadro Modificar estilo está disponible cuando edita una hoja de estilos. El cuadro de diálogo Nuevo estilo está disponible cuando edita una página HTML o ASP.NET.
El cuadro de diálogo Nuevo estilo
Para abrir el cuadro de diálogo Nuevo estilo y definir un estilo
Haga clic en Formato en el menú principal y, a continuación, haga clic en Nuevo estilo.
Aparecerá el cuadro de diálogo Nuevo estilo.
En la lista desplegable Selector, seleccione un elemento HTML o escriba un nombre de clase que va a contener la definición de estilo.
Un nombre de clase debe ir precedido por un punto.
En la lista desplegable Definir en, seleccione la opción de definir el estilo en la página web actual, en una nueva hoja de estilos que se agregará al sitio web o en una hoja de estilos existente. Los estilos definidos en la página web actual solo se pueden aplicar a elementos dentro de esa página. Las hojas de estilos externas permiten definir una apariencia común para más de una página web.
Si selecciona una hoja de estilos existente, defina su ubicación en el cuadro de texto Dirección URL.
Active la casilla Aplicar nuevo estilo a la selección del documento si desea que el elemento actualmente seleccionado se muestre en la página web con las propiedades de estilo.
Seleccione una opción en el panel izquierdo y defina los atributos de estilos CSS.
El cuadro de diálogo Modificar estilo
Para abrir el cuadro de diálogo Modificar estilo
Realice una de estas acciones:
Haga clic con el botón secundario en la hoja de estilos en el editor y, desde el menú contextual, elija Generar estilo.
En la barra de herramientas de la hoja de estilos, elija Generar estilo.
Aparece el cuadro de diálogo Modificar estilo.
Las opciones del cuadro de diálogo son iguales que las del panel inferior del cuadro de diálogo Nuevo estilo.
Tareas
Tutorial: Edición básica de HTML en Visual Studio para páginas de formularios Web Forms
Tutorial: Crear y modificar un archivo CSS
Elementos de interfaz de usuario
Para obtener más información sobre las opciones de |
Vea |
|---|---|
Fuentes |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Fuente |
Fondos |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Fondo |
Alineación del texto |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Bloque |
Posición de los elementos en una página |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Posición |
Control de punto flotante, desbordamiento y recorte |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Diseño |
Bordes |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Borde |
Márgenes y relleno |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Cuadro |
Listas |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Lista |
Tablas |
Cuadros de diálogos de Nuevo estilo y Modificar estilo, Tabla |