No documento, selecione o texto ao qual você deseja aplicar um estilo CSS.
Última atualização em
07/05/2021
Saiba como aplicar, remover ou renomear estilos de classe CSS no Dreamweaver
Observação:
O painel CSS Styles foi substituído pelo CSS Designer no Dreamweaver 2017 e em versões posteriores. 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.
Aplicar um estilo de classe 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.
-
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 (macOS) 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.
Remover um estilo de classe em uma seleção
-
Selecione o objeto ou texto do qual deseja remover o estilo.
-
No Inspetor de propriedades HTML (Janela > Propriedades), selecione Nenhum no menu pop-up Classe.
Renomear um estilo de classe
-
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.
-
Na caixa de diálogo Renomear classe, verifique se a classe a ser renomeada está selecionada no menu pop-up Renomear classe.
-
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.
