Vídeo: Como Anexar Uma Folha de Estilo à sua Página HTML - Desenvolvimento Web 2025
Depois de criar uma folha de estilo externa no Dreamweaver, você pode anexá-la a qualquer página da Web. Nas instruções passo a passo que se seguem, você pode usar qualquer uma das folhas de estilo predefinidas incluídas no Dreamweaver, ou você pode usar estas instruções para anexar qualquer folha de estilo que você crie usando as etapas do exercício anterior.
Comece abrindo a página para a qual deseja anexar a folha de estilos e siga estas etapas:
-
Clique no ícone mais (+) no painel Fontes na parte superior do painel CSS Designer e escolha Anexar arquivo CSS existente na lista suspensa.
A caixa de diálogo Anexar arquivo CSS existente é aberta.
-
Clique no botão Procurar e localize o arquivo CSS na pasta do site local.
Você também pode inserir um URL se desejar usar um arquivo CSS remoto localizado em outro site, mas é mais comum usar uma folha de estilo contida no site em que você está trabalhando.
-
Selecione a opção Link ou Importar.
Se você estiver anexando uma folha de estilo a um arquivo HTML, sua melhor escolha é quase sempre escolher Link, que é o padrão. Escolha Importar se você deseja criar uma folha de estilos externa mestre que contenha referências para outras folhas de estilo, uma opção avançada que permite que uma folha de estilo se refira a outra.
-
(Opcional) Escolha opções na seção Uso condicional.
Use os recursos de Uso Condicional para definir uma consulta de mídia à medida que você anexa sua folha de estilo.
-
Clique em OK.
A caixa de diálogo fecha e o Dreamweaver define o link para a folha de estilos, adicionando uma linha de código ao topo do arquivo HTML. Depois de vincular uma folha de estilo externa, todos os estilos aplicáveis são aplicados automaticamente ao conteúdo da página no Dreamweaver e os nomes dos seletores dos estilos definidos na folha de estilo se tornam visíveis 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 ao mesmo documento - o que torna todos os estilos definidos disponíveis para a página.
Da mesma forma, você cria diferentes folhas de estilo para diferentes finalidades, como uma para impressão do arquivo e outra para a exibição do navegador.
