Índice:
- 1 Abra a caixa de diálogo Nova regra CSS aberta.
- 2 Escolha o corpo na lista suspensa Nome do seletor para criar um estilo de etiqueta do corpo para sua nova folha de estilo.
- 3 Na área Definição de regras, especifique onde sua regra será definida escolhendo Novo Arquivo de Folha de Estilo.
- 4Clique em OK na caixa de diálogo Nova regra CSS.
- 5Clique no botão Raiz do site para salvar o arquivo na pasta raiz do seu site do Dreamweaver e digite um nome de arquivo.
- 6Lave o Relativo para a lista suspensa definida como Documento.
- 7Clique em Salvar.
Vídeo: Curso de Dreamweaver CC - Aula 17 - Folha de Estilo 2025
Quando você clica no ícone Nova regra CSS (mostrado na margem) na parte inferior do painel Estilos CSS, abre-se a caixa de diálogo Nova regra CSS. A caixa de diálogo Nova regra CSS combina recursos para definir estilos para folhas de estilo existentes e criar uma nova folha de estilos.
Você pode usar a caixa de diálogo Nova regra CSS para adicionar novos estilos a um arquivo de folha de estilo CSS existente. Mas você também pode usar a caixa de diálogo Nova regra CSS para criar um novo arquivo de folha de estilo CSS. O último cria um novo arquivo de folha de estilo CSS.
Siga estas etapas para criar uma nova folha de estilos a partir da caixa de diálogo Nova regra CSS:
1 Abra a caixa de diálogo Nova regra CSS aberta.
Escolha Etiqueta na lista suspensa Tipo de seletor.
2 Escolha o corpo na lista suspensa Nome do seletor para criar um estilo de etiqueta do corpo para sua nova folha de estilo.
Quase todas as folhas de estilo incluem um estilo de etiqueta do corpo que define a fonte, a cor da fonte e o plano de fundo da página para toda a página.
Mais tarde, você pode criar estilos adicionais, mas a etiqueta do corpo é quase sempre um bom local para começar ao criar uma nova folha de estilo.
3 Na área Definição de regras, especifique onde sua regra será definida escolhendo Novo Arquivo de Folha de Estilo.
Mais tarde, quando você adiciona estilos adicionais ao arquivo CSS, você selecionará o arquivo CSS aberto dessa mesma lista suspensa.
4Clique em OK na caixa de diálogo Nova regra CSS.
A caixa de diálogo Salvar arquivo de folha de estilo como aparece.
5Clique no botão Raiz do site para salvar o arquivo na pasta raiz do seu site do Dreamweaver e digite um nome de arquivo.
Dreamweaver fornece o. extensão do nome do arquivo css automaticamente.
6Lave o Relativo para a lista suspensa definida como Documento.
Esta opção define um link confiável e eficiente entre o arquivo de folha de estilo e a página HTML aberta.
7Clique em Salvar.
A caixa de diálogo Definição de regras do CSS é aberta.
Você está pronto para definir seu primeiro estilo no Dreamweaver. Mas, como a caixa de diálogo Definição de Regra CSS tem tantas opções, as exploramos em seguida. Por enquanto, você pode salvar seu arquivo de folha de estilo sem definir as propriedades da etiqueta do corpo.
