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

Video: Trabalhando com folha de estilo externa no Dreamweaver CS5

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 predefinidas incluídas 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.

Video: Curso de Dreamweaver CC - Criando Site Profissional

Comece abrindo a página para a 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 o uso de 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, sua melhor escolha é quase sempre para escolher Link, que é o padrão. Escolha Import se você deseja criar folha de estilo externa de um 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 da seção Uso Condicional.

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

5. Clique em OK.

   A caixa de diálogo é fechada, e Dreamweaver define o link para a folha de estilo, adicionando uma linha de código para a parte superior do arquivo HTML. Depois de vincular 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 de CSS Designer.

Video: Aula 6 de Dreamweaver - Criando Templates e definindo novos estilos

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 na página.

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