Observação:

no Dreamweaver CC e posterior, o painel CSS Styles foi substituído pelo CSS Designer. Para obter mais informações, consulte CSS Designer.

Os estilos de classe são o único de tipo de estilo CSS que pode ser aplicado a qualquer texto em um documento, independentemente de quais tags controlam o texto. Todos os estilos de classe associados ao documento atual são exibidos no painel Estilos CSS (com um ponto [.] precedendo o nome) e no menu pop-up Estilo do Inspetor de propriedades de texto.

Você verá imediatamente a maioria dos estilos atualizados; no entanto, deve visualizar a página em um navegador para verificar se um estilo foi aplicado conforme o esperado. Quando você aplicar dois ou mais estilos ao mesmo texto, eles poderão conflitar e produzir resultados inesperados.

Observação:

Ao visualizar os estilos definidos em uma folha de estilos CSS externa, verifique se salvou a folha de estilos para garantir que suas alterações serão refletidas quando a página for visualizada em um navegador.

Aplicação de um estilo de classe CSS

  1. No documento, selecione o texto ao qual você deseja aplicar um estilo CSS.

    Coloque o ponto de inserção em um parágrafo para aplicar o estilo ao parágrafo inteiro.

    Se você selecionar uma faixa de texto em um único parágrafo, o estilo CSS afetará apenas a faixa selecionada.

    Para especificar a tag exata ao qual o estilo CSS deve ser aplicado, selecione a tag no seletor de tags localizado no canto inferior esquerdo da janela Documento.

  2. Para aplicar um estilo de classe, siga um destes procedimentos:
    • No painel Estilos CSS (Janela > Estilos CSS), selecione o modo Tudo, clique com o botão direito do mouse no nome do estilo a ser aplicado e selecione Aplicar no menu de contexto.

    • No Inspetor de propriedades HTML, selecione o estilo de classe a ser aplicado no menu pop-up Classe.

    • Na janela Documento, clique com o botão direito do mouse (Windows) ou mantenha pressionada a tecla Control enquanto clica (Macintosh) no texto selecionado e, no menu de contexto, selecione Estilos CSS e, em seguida, selecione o estilo a ser aplicado.

    • Selecione Formatar > Estilos CSS e, no submenu, selecione o estilo a ser aplicado.

Remoção de um estilo de classe em uma seleção

  1. Selecione o objeto ou texto do qual deseja remover o estilo.
  2. No Inspetor de propriedades HTML (Janela > Propriedades), selecione Nenhum no menu pop-up Classe.

Renomeação de um estilo de classe

  1. No painel Estilos CSS, clique com o botão direito no estilo de classe CSS que deseja renomear e selecione Renomear classe.

    Observação:

    Você também pode renomear uma classe selecionando Renomear classe no menu de opções do painel Estilos CSS.

  2. Na caixa de diálogo Renomear classe, verifique se a classe a ser renomeada está selecionada no menu pop-up Renomear classe.
  3. Na caixa de texto Novo nome, digite o novo nome da nova classe e clique em OK.

    Se a classe que você está renomeando for interna ao cabeçalho do documento atual, o Dreamweaver alterará o nome da classe, assim como todas as ocorrências do nome de classe do documento atual. Se a classe que você está renomeando estiver em um arquivo CSS externo, o Dreamweaver abrirá e alterará o nome de classe do arquivo. O Dreamweaver também inicia uma caixa de diálogo Localizar e substituir no nível do site, a fim de que você possa procurar todas as ocorrências do nome de classe antigo no site.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online