Lar Mídia social Como criar um novo estilo de tag no Adobe Dreamweaver CS6 - dummies

Como criar um novo estilo de tag no Adobe Dreamweaver CS6 - dummies

Vídeo: Curso Essencial Adobe Dreamweaver CC 2017 - Aula 43 Estilos CSS em Textos 2025

Vídeo: Curso Essencial Adobe Dreamweaver CC 2017 - Aula 43 Estilos CSS em Textos 2025
Anonim

Criando um estilo de tag (ou seletor de tipo ) no Adobe Dreamweaver CS6 é uma rota simples e segura para novos usuários entender o CSS porque ele almeja tags HTML existentes, como P, H1 e H2.

Usando tags existentes em sua página, você pode optar por aplicar formatação automática sempre que determinadas tags HTML são usadas. Por exemplo, você pode fazer qualquer texto dentro de uma marca

(Título 1) negativamente em negrito, 36 pixels e vermelho.

Para criar um estilo de etiqueta com o inspetor de propriedades, siga estas etapas:

  1. Abra uma página HTML que contenha texto.

  2. No inspetor de propriedades, clique no botão HTML no lado esquerdo do painel para exibir o inspetor de propriedades na visualização HTML.

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

  4. Mude para a vista CSS do inspetor de propriedades clicando no botão CSS no lado esquerdo do painel.

    O objetivo é atribuir informações de estilo definitivas à tag que os negritos enviam texto, então qualquer texto em negrito na página também aparece vermelho.

  5. Deixe o texto em negrito selecionado e, no Inspetor de propriedades, selecione na lista suspensa Regra direcionada.

  6. Com o texto ainda selecionado, use 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 ao texto em negrito selecionado.

    A caixa de diálogo Nova regra CSS aparece.

  7. Na lista suspensa Tipo de seletor, escolha Etiqueta (Redefine um elemento HTML); escolha Forte na lista suspensa Nome do seletor; escolha (Somente neste documento) na lista suspensa Definição de regras.

    O tipo de seletor determina como a formatação será aplicada a uma tag HTML selecionada na página. Os estilos de Tag são aplicados automaticamente onde esse elemento aparece na página.

  8. Clique em OK para criar o novo estilo de etiqueta e feche o painel.

    Agora, sempre que você aplica a marca para criar texto em negrito (usando o botão B ou outros atalhos), esse texto em negrito também aparece vermelho. Você criou um estilo de marca que determina como o texto em negrito aparece sempre que aparece em um documento.

Você pode aprimorar ainda mais este novo estilo de tag, selecionando qualquer texto em negrito e continuando a modificar as propriedades de texto do inspetor de propriedades.

Se você quiser editar e ajustar a regra que você criou, clique no botão Editar Regra abaixo da lista suspensa Regra direta para abrir a caixa de diálogo Definição de Regra CSS. Esta caixa de diálogo abre por padrão para a categoria Tipo, onde você pode modificar as propriedades relacionadas ao tipo.

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

Como criar um novo estilo de tag no Adobe Dreamweaver CS6 - dummies

Escolha dos editores

Fatos de plantas e animais para lembrar para o exame de biologia AP - dummies

Fatos de plantas e animais para lembrar para o exame de biologia AP - dummies

A seguinte lista contém algumas das informações mais desafiadoras sobre plantas e animais que você pode encontrar no exame de biologia AP. Estude esta lista, desde que você precise - se você se lembrar dessa informação durante o teste, você fará tudo bem. As plantas vasculares têm raízes, rebentos e caules, cada um dos quais ...

Física Tópicos para estudar para o teste Miller Analogies (MAT) - dummies

Física Tópicos para estudar para o teste Miller Analogies (MAT) - dummies

Massa , velocidade, aceleração - sim, é hora de rever toda a física que você aprendeu no ensino médio e se preparar para o MAT (Miller Analogies Test). Para o MAT, familiarizar-se com a física não implica aprender equações complicadas. Você só precisa se lembrar de alguns termos de física e aprender sobre alguns físicos famosos. Essas listas ajudam ...

Médico Assistente de Exame para Dummies Cheat Sheet - dummies

Médico Assistente de Exame para Dummies Cheat Sheet - dummies

Quando você está se preparando para tomar a PANCE ou PANRE , você pode sentir que precisa conhecer uma quantidade infinita de informações. Como você vai se lembrar de todos os detalhes de tantas doenças e condições? Aqui, você pode revisar alguns mnemônicos úteis que não só ajudarão seu recall como você se prepara para o seu ...

Escolha dos editores

Como criar uma ordem de compra no QuickBooks 2010 - dummies

Como criar uma ordem de compra no QuickBooks 2010 - dummies

Você pode usar o QuickBooks para criar uma compra Ordem para o seu negócio. Uma ordem de compra informa um fornecedor que deseja comprar algum item. Na verdade, um pedido de compra é um contrato para compra.

Como personalizar os formulários de verificação no QuickBooks 2011 - dummies

Como personalizar os formulários de verificação no QuickBooks 2011 - dummies

Antes de escrever suas verificações no QuickBooks, você pode decida que deseja personalizá-los um pouco. Você pode querer que seus cheques reflitam a aparência do seu negócio. Por exemplo, o QuickBooks oferece a oportunidade de alterar as fontes em seus cheques. Se você clicar na aba Fontes na caixa de diálogo Verificar impressão ...

Como personalizar os formulários on-line do QuickBooks para lidar com os subtotais - manequins

Como personalizar os formulários on-line do QuickBooks para lidar com os subtotais - manequins

Se precisar subtotar informações sobre o seu formulários de vendas, configure formulários de vendas no QuickBooks Online para que você possa incluir subtotais neles. Você pode subtotar linhas em uma fatura, uma estimativa ou um recibo de venda. Primeiro, ative o recurso; Para este exemplo, ative o recurso para o formulário de fatura. Siga ...

Escolha dos editores

Como converter imagens em modo escala de cinza em Photoshop Elements 11 - dummies

Como converter imagens em modo escala de cinza em Photoshop Elements 11 - dummies

Imagens em escala de cinza têm preto e pixels brancos e qualquer um dos 256 níveis de cinza. Ao converter uma imagem RGB em escala de cinza no Photoshop Elements 11, você pode fazer com que pareça uma foto em preto e branco. Evite converter em escala de cinza escolhendo Image → Mode → Grayscale. Quando os elementos executam essa conversão, ele remove toda a cor dos pixels, ...

Como converter imagens em modo escala de cinza em Photoshop Elements 9 - dummies

Como converter imagens em modo escala de cinza em Photoshop Elements 9 - dummies

Em Photoshop Elements, você pode converter uma imagem RGB em escala de cinza, fazendo com que pareça uma foto em preto e branco. As imagens de tons de cinza têm pixels em preto e branco e qualquer um dos 256 níveis de cinza. No entanto, você não precisa desistir de seus dados de cores. Como alternativa ao uso do comando de menu para converter imagens para ...

Como corrigir imagens com curvas de cores - dummies

Como corrigir imagens com curvas de cores - dummies

Photoshop Elements 10 emprestou um recurso muito usado do Photoshop chamado Curves. No entanto, adicionou a palavra Cor e tirou parte de sua sofisticação. No entanto, o ajuste Color Curves tenta melhorar o alcance tonal em imagens a cores fazendo ajustes em destaques, sombras e tons médios em cada canal de cores. Tente usar este comando em ...