Criar uma Folha de New Style no Painel Estilos CSS
Quando você clica no ícone de Nova regra CSS (mostrado na margem) na parte inferior do painel Estilos CSS, a caixa de diálogo Nova regra CSS é aberta. A caixa de diálogo Nova regra CSS combina características para definir estilos de folhas de estilo existentes e criar uma nova folha de estilo.
Menu
- Abra a caixa de diálogo nova regra css aberto.
- Escolha do corpo a partir da lista drop-down selector nome para criar um estilo de tag body para sua nova folha de estilo.
- Na área definição da regra, especifique onde a sua regra será definido pelo escolhendo new style sheet arquivo.
- Clique em ok na caixa de diálogo nova regra css.
- Clique no botão raiz do site para salvar o arquivo na pasta raiz para o site do dreamweaver e digite um nome de arquivo.
- Deixe a relativa lista drop-down definir ao documento.
- Clique em salvar.
Você pode usar a caixa de diálogo Nova regra CSS para adicionar novos estilos em um arquivo 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. Este último cria um arquivo de folha de estilo CSS novo.
Siga estes passos para criar uma nova folha de estilo na caixa de diálogo Nova regra CSS:
Abra a caixa de diálogo Nova regra CSS aberto.
Escolha Tag da lista drop-down Tipo de Selector.
Escolha do corpo a partir da lista drop-down Selector Nome para criar um estilo de tag body para sua nova folha de estilo.
Quase todas as folhas de estilo inclui um estilo de tag do corpo que define a fonte, cor e fundo da página para a página inteira.
Mais tarde você pode criar estilos adicionais, mas a marca do corpo é quase sempre um bom lugar para começar ao criar uma nova folha de estilo.
Na área Definição da Regra, especifique onde a sua regra será definido pelo escolhendo New Style Sheet Arquivo.
Mais tarde, quando você adiciona estilos adicionais para o arquivo CSS, você irá selecionar o arquivo CSS aberto a partir desta mesma lista drop-down.
Clique em OK na caixa de diálogo Nova regra CSS.
A Folha de Salvar Arquivo de Estilo como caixa de diálogo aparece.
Clique no botão raiz do site para salvar o arquivo na pasta raiz para o site do Dreamweaver e digite um nome de arquivo.
Dreamweaver fornece a extensão do arquivo .css automaticamente.
Deixe a Relativa lista drop-down definir ao documento.
Esta opção define um link confiável e eficiente entre o arquivo de folha de estilo ea página HTML aberta.
Clique em Salvar.
A caixa de diálogo Definição de regra CSS é aberta.
Você está pronto para definir seu primeiro estilo no Dreamweaver. Mas porque a caixa de diálogo Definição de regra CSS tem tantas opções, nós explorá-los em seguida. Por enquanto, você pode salvar o seu arquivo de folha de estilo sem definir as propriedades tag corpo.