Como criar um novo estilo Tag no Adobe Dreamweaver CS6

criando um estilo tag (ou seletor de tipo) Em Adobe Dreamweaver CS6 é uma rota simples e segura para os novos usuários a entender CSS porque metas tags HTML existentes, tais como P, H1, H2 e.

O uso de marcas existentes em sua página, você pode optar por aplicar a formatação automática sempre que algumas tags HTML são usados. Por exemplo, você pode fazer qualquer texto dentro de um (Título 1) tag automaticamente em negrito, 36 pixels, e vermelho.

Para criar um estilo tag com o Inspetor de propriedades, siga estes passos:

  1. Abra uma página HTML que contém texto.

  2. No Inspetor de propriedades, clique no botão HTML no lado esquerdo do painel para exibir o Inspetor de propriedades na vista HTML.

  3. Selecione uma linha de texto e negrito, clicando no botão B localizado no Inspetor de propriedades.

  4. Mudar para a Visão CSS do Inspetor de propriedades, clicando no botão CSS no lado esquerdo do painel.

    O objectivo é atribuir a informação do estilo definitivo para a marca que negritos texto, de modo que qualquer texto em negrito na página também aparece vermelho.

  5. Deixar o texto em negrito selecionado, e no Inspetor de propriedades, selecione a partir da lista drop-down Regra-alvo.

  6. Com o texto ainda seleccionado, utilize o selector de cores do lado direito do Inspetor de propriedades (localizado abaixo do botões B e I) para selecionar uma cor vermelha para aplicar a, texto em negrito selecionado.

    A caixa de diálogo Nova regra CSS aparece.

    image0.jpg
  7. A partir da lista drop-down Tipo de Selector, escolha Tag (redefine um elemento HTML) -Escolha forte do Selector Nome suspensa LIST- escolher (Apenas neste documento) a partir da lista drop-down Regra Definição.

    O tipo de selector determina como o formato será aplicada a uma etiqueta de HTML selecionado na página. estilos de tag automaticamente são aplicadas sempre que esse elemento aparece na página.

  8. Clique em OK para criar o novo estilo tag e fechar o painel.

    Agora, cada vez que você aplicar a tag para fazer o texto em negrito (usando o botão B ou outros atalhos), que o texto em negrito também aparece vermelho. Você criou um estilo de tag que determina como texto em negrito aparece qualquer momento ele aparece em um documento.

Você pode refinar ainda mais este novo estilo tag selecionando qualquer texto em negrito e continuando a modificar as propriedades de texto no Inspetor de propriedades.

image1.jpg

Se você gostaria de editar e ajustar a regra que você criou, você pode clicar no botão Editar regra abaixo da lista suspensa Regra-alvo para abrir a caixa de diálogo Definição de regra CSS. Esta caixa de diálogo é aberta por padrão para a categoria Type, onde você pode modificar as propriedades relacionadas com o tipo.

Quando você terminar de afinar o seu estilo tag, clique em Aplicar na parte inferior da caixa de diálogo para ver as alterações. Você também pode clicar em OK para aplicar as alterações e sair da caixa de diálogo.

menu