Compartir a través de


Diseñar estilos generados en modo manual

Si ya tiene experiencia en la creación de CSS y puede escribir sus propias hojas de estilos en cascada, el uso de Microsoft Expression Web en modo de aplicación de estilos Manual puede simplificar el proceso de diseño. Tanto en el modo Manual como en el modo Automático, Expression Web crea y modifica estilos cuando se da formato a los elementos de una página. En modo Manual, también puede mantener un control preciso sobre los estilos que modifica y el tipo de estilos que genera Expression Web.

La barra de herramientas Aplicación de estilo permite cambiar el modo de aplicación de estilo, seleccionar el estilo que se modificará y definir otras opciones.

Para establecer el modo de aplicación de estilo

Realice una de las siguientes acciones:

  • En la vista Diseño o la vista Código de la página web, en la barra de estado de la parte inferior de la ventana del programa, haga clic con el botón secundario en Aplicación de estilo, seleccione Modo y, a continuación, Automático o Manual.

  • En la barra de herramientas Aplicación de estilo, haga clic en el cuadro desplegable Aplicación de estilo y, a continuación, seleccione Automático o Manual.

  • En el menú Herramientas, seleccione Opciones del editor de páginas. En el cuadro de diálogo Opciones del editor de páginas, en la ficha CSS, seleccione Aplicación de estilo automático o Aplicación de estilo manual.

Para modificar estilos existentes mediante la barra de herramientas Aplicación de estilo

  1. En la vista Diseño o Código de la página web, cambie al modo de aplicación de estilo Manual.

  2. Sitúe el cursor en el contenido al que desea dar formato o seleccione el contenido.

  3. En la barra de herramientas Aplicación de estilo, haga clic en el cuadro desplegable Regla de destino y seleccione el estilo que desee.

  4. Si el estilo seleccionado en el cuadro desplegable Regla de destino no contiene ninguna declaración para la propiedad a la que se aplica el formato, pero existe otro estilo que sí contiene una, y ésta se está usando en la selección actual, realice una de estas acciones:

    • Para modificar el estilo que ya contiene una declaración para la propiedad a la que se dispone a aplicar el formato, seleccione Reutilizar propiedades.

    • Para agregar una declaración de propiedad nueva al estilo seleccionado en el cuadro Regla de destino, anule la selección de Reutilizar propiedades.

  5. Dar formato al contenido mediante Expression Web.

Para crear estilos nuevos mediante la barra de herramientas Aplicación de estilo

  1. En la vista Diseño o Código de la página web, cambie al modo de aplicación de estilo Manual.

  2. Sitúe el cursor en el contenido al que desea dar formato o seleccione el contenido.

  3. En la barra de herramientas Aplicación de estilo, haga clic en el cuadro desplegable Regla de destino y lleve a cabo una de estas acciones:

    • Si desea que Expression Web genere automáticamente un nuevo estilo basado en el formato que usted aplique, y que aplique el estilo al contenido seleccionado, seleccione Nuevo estilo en línea, Nuevo Id. automático o Nueva clase automática y luego aplique formato al contenido mediante Expression Web.

    • Si desea diseñar un nuevo estilo mediante el cuadro de diálogo Nuevo estilo y opcionalmente aplicar el estilo a la selección actual, seleccione Aplicar nuevo estilo. Para obtener más información, vea Crear un estilo.

Vea también

Tareas

Establecer las preferencias para CSS generado

Referencia

Barra de herramientas Aplicación de estilo

Conceptos

Referencia de hojas de estilos en cascada
Trabajar con hojas de estilos en cascada generadas