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 recursos de gerenciamento de CSS do Dreamweaver facilita a movimentação ou a exportação de regras de CSS para diferentes locais. Você pode mover regras de um documento para outro, do cabeçalho de um documento para uma folha de estilos externa, entre arquivos CSS externos e muito mais.

Observação:

Se a regra que você está tentando mover estiver em conflito com uma regra na folha de estilos de destino, o Dreamweaver exibirá a caixa de diálogo Já existe regra com nome igual. Se você optar por mover a regra conflitante, o Dreamweaver colocará a regra movida imediatamente ao lado da regra conflitante na folha de estilos de destino.

Mover ou exportar regras de CSS para uma nova folha de estilos

  1. Siga um destes procedimentos:
    • No painel Estilos CSS, selecione a(s) regra(s) que deseja mover. Em seguida, clique com o botão direito do mouse na seleção e selecione Mover regras CSS no menu de contexto. Para selecionar várias regras, mantenha pressionada a tecla Control (Windows) ou mantenha pressionada a tecla Command (Macintosh) enquanto clica nas regras a serem selecionadas.

    • Na Visualização de código, selecione a(s) regra(s) que você deseja mover. Em seguida, clique com o botão direito do mouse na seleção e selecione Estilos CSS > Mover regras CSS no menu de contexto.

    Observação:

    A seleção parcial de uma regra resultará na realocação de toda a regra.

  2. Na caixa de diálogo Mover para folha de estilos externa, selecione a opção de nova folha de estilos e clique em OK.
  3. Na caixa de diálogo Salvar arquivo de folha de estilos como, digite um nome para a nova folha de estilos e clique em Salvar.

    Quando você clica em Salvar, o Dreamweaver salva uma nova folha de estilos com as regras selecionadas e a anexa ao documento atual.

    Observação:

    Também é possível mover as regras usando a barra de ferramentas Codificação. A barra de ferramentas Codificação está disponível somente na Visualização de código.

Mover ou exportar regras de CSS para uma folha de estilos existente

  1. Siga um destes procedimentos:
    • No painel Estilos CSS, selecione a(s) regra(s) que deseja mover. Em seguida, clique com o botão direito do mouse na seleção e selecione Mover regras CSS no menu de contexto. Para selecionar várias regras, mantenha pressionada a tecla Control (Windows) ou mantenha pressionada a tecla Command (Macintosh) enquanto clica nas regras a serem selecionadas.

    • Na Visualização de código, selecione a(s) regra(s) que você deseja mover. Em seguida, clique com o botão direito do mouse na seleção e selecione Estilos CSS > Mover regras CSS no menu de contexto.

    Observação:

    A seleção parcial de uma regra resultará na realocação de toda a regra.

  2. Na caixa de diálogo Mover para folha de estilos externa, selecione uma folha de estilos existente no menu pop-up ou vá até uma folha de estilos existente e clique em OK.

    Observação:

    O menu pop-up exibe todas as folhas de estilos vinculadas ao documento atual.

    Observação:

    Também é possível mover as regras usando a barra de ferramentas Codificação. A barra de ferramentas Codificação está disponível somente na Visualização de código.

Reorganização ou movimentação das regras CSS arrastando-as

  1. No painel Estilos CSS (modo Tudo), selecione uma regra e arraste-a para o local desejado. Você pode selecionar e arrastar para reordenar as regras em uma folha de estilos ou mover uma regra para outra folha de estilos ou cabeçalho de documento.

    Observação:

    É possível mover mais de uma regra por vez, mantendo pressionada a tecla Control (Windows) ou mantendo pressionada a tecla Command (Macintosh) enquanto clica em várias regras para selecioná-las.

Seleção de várias regras antes de movê-las

  1. No painel Estilos CSS, mantenha pressionada a tecla Control (Windows) ou mantenha pressionada a tecla Command (Macintosh) enquanto clica nas regras a serem selecionadas.

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