Compartir a través de

Aplicar estilo CSS, Diseñador HTML, Opciones (Cuadro de diálogo)

  • Artículo

 

Publicada: abril de 2016

El cuadro de diálogo Aplicación de estilos CSS permite cambiar la configuración predeterminada sobre la forma en que se aplican los estilos CSS en la vista Diseño.

  1. En Visual Web Developer, haga clic en Herramientas y, a continuación, en Opciones.

  2. En el panel de la izquierda, expanda Diseñador HTML y, a continuación, haga clic en Aplicación de estilos CSS.

    Nota

    Si los valores del entorno están configurados para desarrollo web, de forma predeterminada, los elementos de este nodo no están disponibles.Para mostrarlos, seleccione la casilla Mostrar todas las configuraciones.Para obtener más información sobre la configuración del entorno, vea How to: Change Select Settings.

    Puede buscar opciones adicionales que afectan a la vista Diseño bajo el nodo Diseñador HTML, que está visible si la casilla Mostrar todas las configuraciones está activada.

Para obtener más información sobre las hojas de estilos, vea Información general sobre el trabajo con CSS.

Lista de UIElement

Modo de aplicación de estilo

  • Aplicación de estilo manual
    Especifica que, de forma predeterminada, al trabajar en la vista Diseño, debe aplicar manualmente los estilos CSS a los elementos HTML.

    Nota

    Si selecciona el modo manual para aplicar estilos, algunas de las opciones de aplicación de estilo indicadas en la tabla siguiente no están disponibles.

  • Aplicación de estilo automática
    Especifica que, de forma predeterminada, al trabajar en la vista Diseño, Visual Web Developer aplica automáticamente los estilos CSS a los elementos HTML.

    Nota

    Si selecciona el modo automático para aplicar los estilos, están disponibles todas las opciones de aplicación de estilo.

Opciones de la aplicación de estilo

  • Solo reutilizar clases con el prefijo "style"
    (Sólo modo de aplicación de estilo automática) Especifica que puede reutilizar clases CSS cuyo nombre utiliza el prefijo "style". En modo manual, debe denominar y aplicar todas las clases manualmente.

  • Utilizar atributos de ancho y alto para la imagen en lugar de CSS
    Especifica que las dimensiones de un elemento img se establecen utilizando los atributos height y width en lugar de usar estilos CSS.

  • Utilice <strong> y <em> para el texto en negrita y en cursiva
    (Sólo modo de aplicación de estilo automática) Especifica que el texto al que se da formato como negrita se marca mediante un elemento strong en lugar de un elemento b. El texto al que se da formato como cursiva se marca mediante un elemento em en lugar de un elemento i.

    En modo manual, si aplica formato de negrita o cursiva al texto en la vista Diseño, se utilizan los elementos i y b.

  • Usar propiedades abreviadas al generar estilos
    Especifica que cuando Visual Web Developer genera estilos automáticamente, utiliza el estilo abreviado o combinado de las propiedades CSS en lugar de utilizar estilos independientes para cada elemento. Por ejemplo, en lugar de especificar cada aspecto del margen con un estilo independiente (como margin-left, margin-right), Visual Web Developer genera una entrada de estilo (margin:) y especifica los detalles de margen izquierdo, derecho, superior e inferior en esta única especificación de estilo.

  • Cambiar el posicionamiento a absoluto para controles agregados con el Cuadro de herramientas o mediante operaciones de pegado, o arrastrar y colocar
    Especifica que los elementos se crean mediante el Cuadro de herramientas o bien pegándolos o arrastrándolos, éstos se colocan con el posicionamiento de CSS absoluto.

Vea también

General, CSS, Editor de texto, Opciones (Cuadro de diálogo)
CSS Editor
Formato, HTML, Editor de texto, Cuadro de diálogo Opciones
CSS, Diseñador HTML, Opciones (Cuadro de diálogo)