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.

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:

338042.image1.jpg

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.

338044.image3.jpg

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.


Publicações relacionadas