Como anexar uma folha de estilo externa para uma página no Dreamweaver

Depois de criar uma folha de estilo externa no Dreamweaver, você pode anexá-lo a qualquer página web. Nas instruções passo-a-passo a seguir, você pode usar qualquer uma das folhas de estilo predefinidos incluídos no Dreamweaver, ou você pode usar estas instruções para fixar qualquer folha de estilo que você criar usando as etapas no exercício anterior.

Comece abrindo a página à qual você deseja anexar a folha de estilo e, em seguida, siga estes passos:

  1. Clique no ícone de adição (+) no painel Fontes no topo do painel de CSS Designer e escolha Anexar arquivo existente CSS a partir da lista drop-down.

    A caixa de diálogo CSS Anexar Arquivo Existente é aberta.

  2. Clique no botão Procurar e localize o arquivo CSS na pasta do site local.

    Você também pode inserir um URL se você quiser usar um arquivo CSS remoto localizado em outro site, mas é mais comum usar uma folha de estilo contida no site que você está trabalhando.

  3. Selecione o link ou a opção Importar.

    Se você está anexando uma folha de estilo para um arquivo HTML, a melhor opção é quase sempre escolher Link, que é o padrão. Escolha Import se você deseja criar uma folha de estilo externa mestre que contém referências a outras folhas de estilo, uma opção avançada que permite que uma folha de estilo para se referir a outro.

  4. (Opcional) Escolha opções a partir da seção Uso Condicional.

    Use os recursos de uso condicional para definir uma consulta de mídia como você anexar a sua folha de estilo.

  5. Clique em OK.

    A caixa de diálogo fecha e Dreamweaver define o link para a folha de estilo, adicionando uma linha de código para o início do arquivo HTML. Depois de ligar uma folha de estilo externa, quaisquer estilos aplicáveis ​​são automaticamente aplicadas ao conteúdo da página em Dreamweaver e os nomes do seletor dos estilos definidos na folha de estilo tornar-se visível no painel Seletores do painel CSS Designer.

Você pode anexar várias folhas de estilo para a mesma página HTML, e você pode usar folhas de estilo internas e externas no mesmo documento. Por exemplo, você pode salvar seus estilos de texto em uma folha de estilo, salvar seus estilos de layout em outro, e em seguida, anexar ambos com o mesmo documento - que faz com que todos os estilos definidos disponíveis para a página.

Da mesma forma, você pode criar folhas de estilo diferentes para diferentes fins, como um para imprimir o arquivo e outro para exibição do navegador.

menu