Usar el panel de tareas Aplicar estilos

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

Con el panel de tareas Aplicar estilos, se puede aplicar, quitar, modificar, cambiar de nombre y eliminar estilos, asociar o desasociar hojas de estilo en cascada externas (CSS), seleccionar todos los ejemplos de un estilo, y también ver el código que contiene el conjunto de reglas de un estilo. El panel de tareas Aplicar estilos muestra cada estilo de acuerdo con las reglas de éste, para que se pueda identificar rápidamente el estilo con el que se desea trabajar con sólo mirarlo.

En este artículo

Acerca del panel de tareas Aplicar estilos

Acerca de los símbolos en el panel de tareas Aplicar estilos

Ordenar la lista de estilos en el panel de tareas Aplicar estilos

Mostrar u ocultar los estilos en el panel de tareas Aplicar estilos

Mostrar un fondo de color en el panel de tareas Aplicar estilos detrás de los estilos que no contienen una regla de propiedad de fondo

Acerca del panel de tareas Aplicar estilos

Cuando se abre una página web, el panel de tareas Aplicar estilos muestra una lista de los estilos definidos en todas las hojas de estilo en cascada (CSS) de la página, incluidas las CSS externas, en línea e internas. Los estilos basados en clases e identificadores aparecen bajo el nombre del archivo .css externo que contiene el estilo o Página actual si el estilo está en una CSS interna. Los estilos basados en elementos se organizan del mismo modo, pero se listan bajo el encabezado Selectores contextuales, debajo de la lista de estilos basados en clases e identificadores. Se puede configurar el panel de tareas para listar todos los estilos o solamente los que se usan en la página web actual o la selección actual en la página. Independientemente de la opción que se seleccione, los estilos basados en elementos y los estilos en línea aparecen en el panel de tareas solamente cuando se coloca el cursor sobre contenido que usa el estilo o se selecciona contenido que usa el estilo.

Los paneles de tareas Aplicar estilos y Administrar estilos usan la estructura de la página representada para determinar la referencias de estilo. Esto significa que los paneles de tareas Aplicar estilos y Administrar estilos consideran la página principal y su página de contenido como una sola página contraída. Por ejemplo, si se abre una página de contenido y se selecciona Mostrar estilos utilizados en la página actual del menú Opciones, Aplicar estilos muestra todos los estilos que se usan tanto en la página de contenido como en la página principal a la cual hace referencia. Esto sucede porque la página de contenido y la página principal se combinan para crear la página que se representa en el explorador.

Puede ordenar la lista de estilos que aparece en el panel de tareas Aplicar estilos y también restringir la lista para que muestre solamente los estilos que se usan en la página web actual o en la selección. Si un estilo en particular es difícil de ver sobre el fondo blanco del panel de tareas, puede seleccionar un color para que aparezca en el panel de tareas detrás de los estilos que no contienen una propiedad de fondo.

Sugerencia: Para mostrar temporalmente todas las reglas de un estilo en la información en pantalla, elija el estilo en el panel de tareas Aplicar estilos .

Panel de tareas Aplicar estilos

1. Borrar estilos quita de la selección actual todos los estilos en línea y basados en clases.

2. Página actual muestra los estilos basados en clases e identificadores de archivos de hojas de estilo CSS internas e importadas externas.

3. Archivo externo de hoja de estilo en cascada (CSS), importado a la página web actual.

4. Estilo definido en la hoja de estilo en cascada (CSS) en la página web actual.

5. Archivo externo de hoja de estilo en cascada (CSS) vinculado desde la página web actual.

6. Borde rectangular sólido que aparece alrededor de estilos usados en la selección actual.

7. Selectores contextuales muestra los estilos basados en elementos que se usan en la selección actual.

8. Estilos basados en clases e identificadores que se encuentran en el archivo externo de hojas de estilo en cascada (CSS) vinculado (events.css).

9. Cada estilo tiene un menú desplegable para ejecutar tareas relacionadas. Elija un estilo y haga clic sobre la flecha, o haga clic sobre un estilo con el botón secundario.

Volver al principio

Acerca de los símbolos en el panel de tareas Aplicar estilos

Los símbolos que aparecen junto a cada estilo en el panel de tareas Aplicar estilos identifican tipo del estilo y si se usa el estilo en la página web actual.

Símbolo

Descripción

Punto rojo que aparece junto a los estilos basados en identificadores

Punto rojo que aparece junto a los estilos basados en identificadores.

Punto verde que aparece junto a los estilos basados en clases

Punto verde que aparece junto a los estilos basados en clases.

Punto azul que aparece junto a los estilos basados en elementos

Punto azul que aparece junto a los estilos basados en elementos.

Punto amarillo que aparece junto a los estilos en línea

Punto amarillo que aparece junto a los estilos en línea.

Punto verde que aparece junto a los estilos usados

Círculo que aparece alrededor de un punto de color para marcar los estilos que se usan en la página web actual.

Símbolo @ que aparece junto a las CSS importadas

Símbolo @ que aparece junto a las hojas de estilo en cascada externas importadas.

Volver al principio

Ordenar la lista de estilos en el panel de tareas Aplicar estilos

  • En el panel de tareas Aplicar estilos, haga clic en Opciones y luego realice una de las siguientes acciones:

    • Para ordenar los estilos según su orden de aparición en la hoja de estilo en cascada (CSS), seleccione Clasificar por orden.

    • Para ordenar los estilos en forma alfabética y según el tipo de estilo (basado en clases o en identificadores), seleccione Clasificar por tipo.

Volver al principio

Mostrar u ocultar los estilos en el panel de tareas Aplicar estilos

  • En el panel de tareas Aplicar estilos, haga clic en Opciones y luego realice una de las siguientes acciones:

    • Para listar todos los estilos contenidos en las hojas de estilo en cascada (CSS) externas, internas y en línea de la página web actual, seleccione Mostrar todos los estilos.

    • Para listar solamente los estilos usados en la página web actual, seleccione Mostrar estilos utilizados en la página actual.

    • Para listar solamente los estilos usados en la selección actual de la página, seleccione Mostrar estilos utilizados en la selección.

      Nota: Los estilos basados en elementos y los estilos en línea aparecen en el panel de tareas Aplicar estilos solamente cuando el cursor se coloca sobre contenido que usa el estilo o cuando se selecciona contenido que usa el estilo.

Volver al principio

Mostrar un fondo de color en el panel de tareas Aplicar estilos detrás de los estilos que no contienen una regla de propiedad de fondo

  1. En el panel de tareas Aplicar estilos, haga clic en Opciones y luego seleccione Vista previa del color de fondo.

  2. En el cuadro de diálogo Más colores, seleccione un color y haga clic en Aceptar.

Volver al principio

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×