Criar uma nova folha de estilo no painel de 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 abre. 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.
Conteúdo
- 1abra a caixa de diálogo nova regra css aberto
- 2escolha corpo a partir da lista drop-down selector nome para criar um estilo de tag body para a sua nova folha de estilo
- 3na área definição da regra, especifique onde a sua regra será definido pelo escolhendo new style sheet arquivo
- Video: creación y vinculación hoja de estilos css a un documento html
- 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 para o site do dreamweaver e digite um nome de arquivo
- 6deixe o relativa lista para suspensa definir ao documento
- 7clique 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:
1Abra a caixa de diálogo Nova regra CSS aberto
Escolha Tag da lista drop-down Tipo de Selector.
2Escolha corpo a partir da lista drop-down Selector Nome para criar um estilo de tag body para a 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 tag do corpo é quase sempre um bom lugar para começar ao criar uma nova folha de estilo.
3Na área Definição da Regra, especifique onde a sua regra será definido pelo escolhendo New Style Sheet Arquivo
Mais tarde, quando você adicionar estilos adicionais para o arquivo CSS, você irá selecionar o arquivo CSS aberto a partir desta mesma lista drop-down.
Video: Creación y vinculación hoja de estilos CSS a un documento HTML
4Clique em OK na caixa de diálogo Nova regra CSS
A Folha Salvar arquivo de Estilo como caixa de diálogo aparece.
5Clique 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 de arquivo .css automaticamente.
6Deixe o Relativa lista Para suspensa 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.
7Clique em Salvar
A caixa de diálogo Definição de regra CSS abre.
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.