Vídeo: Curso Essencial Adobe Dreamweaver CC 2017 - Aula 43 Estilos CSS em Textos 2024
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:
-
Abra uma página HTML que contenha texto.
-
No inspetor de propriedades, clique no botão HTML no lado esquerdo do painel para exibir o inspetor de propriedades na visualização HTML.
-
Selecione uma linha de texto e negrito clicando no botão B localizado no Inspetor de propriedades.
-
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.
-
Deixe o texto em negrito selecionado e, no Inspetor de propriedades, selecione na lista suspensa Regra direcionada.
-
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.
-
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.
-
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.
Abra uma página HTML que contenha texto.
No inspetor de propriedades, clique no botão HTML no lado esquerdo do painel para exibir o inspetor de propriedades na visualização HTML.
Selecione uma linha de texto e negrito clicando no botão B localizado no Inspetor de propriedades.
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.
Deixe o texto em negrito selecionado e, no Inspetor de propriedades, selecione na lista suspensa Regra direcionada.
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.
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.
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.
