Como criar um novo estilo de 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 visa tags HTML existentes, tais como P, H1, e H2.

Video: Dreamweaver cs6 aula 5 - Criando o menu

O uso de marcas existentes na sua página, você pode escolher para aplicar a formatação automática sempre que certas 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 de tag com o Inspetor de propriedades, siga estes passos:

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

    Video: Como criar popup Dreamweaver cs6 tag inspector

  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 objetivo é atribuir informações de estilo definitivo para a marca que negritos texto, portanto, 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 seletor de cores no lado direito do Inspetor de propriedades (localizado abaixo dos 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.

    A caixa de diálogo Nova regra CSS.

  7. A partir da lista drop-down Tipo Selector, escolha Tag (redefine um elemento HTML) - escolher forte do Selector suspensa Nome lista- escolher (Apenas este documento) na lista suspensa Regra Definição.

    O tipo selector determina como a formatação será aplicada a uma tag HTML selecionado na página. estilos de tag automaticamente são aplicadas onde quer 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 tornar o texto 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.

A caixa de diálogo Definição de regra CSS.

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.


Publicações relacionadas