Como editar um Estilo no Dreamweaver

Você pode alterar os atributos de qualquer estilo no Dreamweaver após criá-lo, editando sua definição de estilo. Isto é onde algumas das maiores vantagens de Cascading Style Sheets entram em jogo. Você pode fazer alterações globais em uma página (ou até mesmo para um site inteiro), alterando Cancún quando você editar o estilo, as alterações são aplicadas automaticamente para cada elemento que utiliza o estilo.

Uma das razões pelas quais folhas de estilo externas são tão valioso é que você pode criar estilos que são usados ​​em qualquer ou todas as páginas em um site. Cuidado, no entanto, que esta capacidade pode também levar a problemas. Se você decidir editar um estilo quando você usá-lo em uma nova página, não se esqueça que você vai estar a mudar a formatação em qualquer outro lugar você já usou esse estilo.

Você pode criar novos estilos por duplicar um estilo existente, dando-lhe um novo nome e, em seguida, alterando as definições de estilo. Este truque de economia de tempo é útil quando você quer criar um novo estilo que é semelhante a um já existente.

Para editar qualquer estilo existente (se foi criado usando a classe, tag ou seletor de ID), siga estes passos:

  1. Abra o painel de Designer do CSS, escolhendo estilos de janela-CSS.

  2. No painel Seletores CSS Designer, selecione o nome de um estilo existente.

    As regras de estilo são exibidas no painel Propriedades.

    Se você quiser editar um estilo que já foi usado para formatar texto, imagens ou outro conteúdo na página aberta no Dreamweaver, selecione o conteúdo. O nome do estilo aplicado a esse conteúdo será exibido no painel de seletores, tornando-o fácil de encontrar e editar.

  3. Editar as configurações para o estilo de sua preferência.

  4. Se você editar um estilo na caixa de diálogo Definição de regra CSS, alterações são aplicadas automaticamente quando você clica no botão Aplicar ou quando você clica em OK.

  5. Se você editar uma definição de estilo no painel Properties, as alterações são aplicadas automaticamente assim que você pressionar a tecla Return ou Enter ou clique fora do campo de formatação no painel.

menu