Índice:
- 1Abra uma página HTML.
- 2Clique no botão HTML no painel Inspetor de propriedades.
- 3Selecione uma linha de texto.
- 4Switch para vista CSS.
- 5 Inicie uma nova regra de CSS.
- 6Aplica a cor ao texto selecionado.
- 7 A caixa de diálogo Nova regra CSS aparece.
- 8Clique em OK para criar o novo estilo de etiqueta e feche o painel.
Vídeo: INÍCIO DE PROJETO E ESTRUTURA PARA SITE EXPERIMENTAL HTML 5 2024
A criação de uma tag (ou um elemento) é uma rota simples para o novo Adobe Creative Suite 5 (Adobe CS5) Usuários do Dreamweaver para entender o CSS. O Dreamweaver permite que você trabalhe com tags HTML existentes, como P, H1 e H2. Usando tags de elementos existentes em sua página e Inspetor de propriedades, você pode optar por aplicar a formatação automática sempre que determinadas tags HTML são usadas.
1Abra uma página HTML.
Certifique-se de escolher um que contenha texto.
2Clique no botão HTML no painel Inspetor de propriedades.
O botão está no lado esquerdo do painel. Isso exibe o inspetor de propriedades na visualização HTML.
3Selecione uma linha de texto.
Negrito o texto selecionado usando o botão B localizado no Inspetor de propriedades.
4Switch para vista CSS.
Clique no botão CSS no lado esquerdo do painel Inspetor de propriedades.
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 Inicie uma nova regra de CSS.
Deixe o texto em negrito selecionado e, no Inspetor de propriedades, selecione na lista suspensa Regra direcionada.
6Aplica a cor ao texto selecionado.
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.
7 A caixa de diálogo Nova regra CSS aparece.
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 aos elementos da página. Os estilos de etiqueta alteram a aparência de qualquer elemento formatado com uma tag HTML específica.
8Clique 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.