Usar o painel de tarefas Aplicar Estilos

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

Com o painel de tarefas Aplicar Estilos, você pode aplicar, remover, modificar, renomear e excluir estilos, anexar ou desanexar CSSs (Folhas de estilo em cascata) externas, selecionar todas as instâncias de um estilo e acessar o código que contém o conjunto de regras de um estilo. O painel de tarefas Aplicar Estilos exibe cada estilo de acordo com as regras do estilo e, por isso, você pode identificar rapidamente o estilo com o qual deseja trabalhar simplesmente observando a aparência visual desse estilo.

Neste artigo

Sobre o painel de tarefas aplicar estilos

Sobre os símbolos no painel de tarefas aplicar estilos

Classificar a lista de estilos no painel de tarefas aplicar estilos

Mostrar ou ocultar estilos no painel de tarefas aplicar estilos

Exibir um plano de fundo colorido no painel de tarefas aplicar estilos atrás de estilos que não contêm uma regra de propriedade de plano de fundo

Sobre o painel de tarefas aplicar estilos

Quando você abre uma página da Web, o painel de tarefas Aplicar Estilos lista estilos que estão definidos em todas as CSSs da página, incluindo qualquer CSS externa, em linha e interna. Estilos com base em classe e ID aparecem abaixo do nome do arquivo .css externo que contém o estilo ou na Página Atual, se o estilo estiver em uma CSS interna. Estilos com base em elemento são organizados da mesma maneira, mas aparecem sob de um título separado, denominado Seletores Contextuais, abaixo da lista de estilos com base em classe e ID. Você pode definir o painel de tarefas de forma a listar todos os estilos ou restringi-lo para que ele liste somente os estilos que são usados na página da Web atual ou na seleção atual da página. Independentemente de qual dessas opções você selecionou, estilos com base em elemento e estilos em linha somente aparecerão no painel de tarefas quando você posicionar o cursor em um conteúdo que os utiliza ou quando selecionar esse conteúdo.

Ambos os painéis de tarefas Aplicar Estilos e Gerenciar Estilos usam a estrutura da página renderizada para determinar referências de estilos. Isso significa que esses painéis Aplicar Estilos e Gerenciar Estilos tratam uma página mestre e sua página de conteúdo como uma única página recolhida. Por exemplo, se você abrir uma página de conteúdo e selecionar Mostrar Estilos Usados na Página Atual, no botão Opções, Aplicar Estilos exibirá todos os estilos usados nessa página de conteúdo e na página mestre à qual está anexado. Isso acontece porque a página de conteúdo e a página mestre são mescladas de forma a criar a página que é renderizada no navegador.

Você pode classificar a lista de estilos que aparecem no painel de tarefas Aplicar Estilos e também pode restringir a lista de forma que ela somente mostre os estilos que são usados na página da Web atual ou na seleção atual. Se for difícil visualizar um estilo em particular contra o plano de fundo branco do painel de tarefas, selecione uma cor para exibição atrás dos estilos que não contêm uma propriedade de plano de fundo no painel de tarefas.

Dica : Para exibir temporariamente todas as regras de um estilo em uma Dica de Tela, aponte para o estilo no painel de tarefas Aplicar Estilos.

Painel de tarefas Aplicar Estilos

1. Limpar Estilos remove todos os estilos com base me classe e em linha da seleção atual.

2. Página Atual lista os estilos com base em classe e ID de arquivos CSS internos e de arquivos CSS externos importados.

3. Arquivo CSS externo importado na página da Web atual.

4. Um estilo definido no arquivo CSS interno da página da Web atual.

5. Arquivo CSS externo vinculado a partir da página da Web atual.

6. Uma borda retangular sólida aparece ao redor de estilos que são usados pela seleção atual.

7. A opção Seletores Contextuais lista estilos com base em elementos que são usados pela seleção atual.

8. Estilos com base em classe e ID contidos no arquivo CSS externo vinculado (events.css).

9. Cada estilo tem um menu suspenso para a realização de várias tarefas relacionadas a estilos. Aponte para um estilo e clique na seta ou clique com o botão direito em um estilo.

Início da página

Sobre os símbolos no painel de tarefas aplicar estilos

Os símbolos que aparecem ao lado de cada estilo no painel de tarefas Aplicar Estilos identificam o tipo do estilo e se ele é usado na página da Web atual.

Símbolo

Descrição

ponto vermelho que aparece ao lado de estilos com base em id

Um ponto vermelho aparece ao lado dos estilos baseados em ID.

Ponto verde exibido ao lado dos estilos baseados em classe

Um ponto verde aparece ao lado dos estilos baseados em classe.

ponto azul que aparece ao lado de estilos com base em elemento

Um ponto azul aparece ao lado dos estilos baseados em elemento.

Ponto amarelo que aparece ao lado de estilos em linha

Um ponto amarelo aparece ao lado de estilos em linha.

Ponto verde exibido ao lado dos estilos usados

Um círculo aparece ao redor de um ponto colorido para marcar os estilos que são usados na página da Web atual.

O símbolo @ aparece ao lado da CSS importada

Um símbolo @ aparece ao lado das CSSs externas importadas.

Início da página

Classificar a lista de estilos no painel de tarefas aplicar estilos

  • No painel de tarefas Aplicar Estilos, clique em Opções e siga um destes procedimentos:

    • Para listar os estilos de acordo com a ordem em que eles aparecem na CSS, selecione Categorizar por Ordem.

    • Para listar os estilos alfabeticamente e de acordo com o tipo de estilo (com base em classe ou ID), selecione Categorizar por Tipo.

Início da página

Mostrar ou ocultar estilos no painel de tarefas aplicar estilos

  • No painel de tarefas Aplicar Estilos, clique em Opções e siga um destes procedimentos:

    • Para listar todos os estilos contidos na CSS externa, na CSS interna e na CSS em linha da página da Web atual, selecione Mostrar Todos os Estilos.

    • Para listar somente os estilos que são usados na página da Web atual, selecione Mostrar Estilos Usados na Página Atual.

    • Para listar somente os estilos que são usados pela seleção atual na página, selecione Mostrar Estilos Usados na Seleção.

      Observação : Estilos com base em elemento e estilos em linha somente aparecem no painel de tarefas Aplicar Estilos quando você posiciona o cursor em um conteúdo que utiliza um estilo em questão ou quando seleciona um conteúdo que utiliza esse estilo.

Início da página

Exibir um plano de fundo colorido no painel de tarefas aplicar estilos atrás de estilos que não contêm uma regra de propriedade de plano de fundo

  1. No painel de tarefas Aplicar Estilos, clique em Opções e selecione Visualizar Cor do Plano de Fundo.

  2. Na caixa de diálogo Mais Cores, selecione uma cor e clique em OK.

Início da página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×