Personalizando tags HTML com regras CSS - O seletor de HTML

Pode 20, 2024

Uma das razões pelas quais o CSS é tão popular é a versatilidade que ela oferece às tags HTML. Embora você não possa "desativar" os controles internos da marca, você pode adicionar mais controles às marcas HTML para aumentar sua utilidade. Você faz isso adicionando novas definições de CSS ao seletor de tags. Vamos usar o HTML

para o nosso exemplo e adicionaremos uma cor de plano de fundo, uma face de fonte, tamanho de fonte e um controle de cor de texto ao

tag. Isso fará com que tudo entre qualquer abertura e fechamento

tags a serem controladas por nossas novas definições em toda a página da web.

p {
cor de fundo: # 000000;
família de fontes: arial;
tamanho da fonte: 12 px;
cor: #ffffff;
}

Em nosso exemplo, a regra CSS começa com o seletor HTML (p), que é seguido pelo bloco de declaração CSS que contém todas as definições de valor de propriedade que desejamos adicionar. Como de costume, cada definição começa com a propriedade, seguida de dois pontos, o valor e termina com um ponto e vírgula. Todo o bloco é colocado entre colchetes. Há algumas coisas a serem lembradas ao escrever suas próprias regras CSS para tags HTML.

Você pode colocar sua regra CSS personalizada dentro das tags na seção principal da sua página da web.
Você pode colocar sua regra CSS personalizada dentro de um arquivo CSS externo.
As definições CSS personalizadas adicionadas a um seletor de tags específico devem conter propriedades que podem ser controladas por essa tag.
Como você coloca a regra personalizada na seção principal ou no arquivo CSS externo, ela afetará toda a página da web. Se você precisar controlar apenas uma marca HTML individual (uma instância especial de uma marca), aplicaria um estilo embutido nessa marca individual.
A tag mantém as propriedades internas dessa tag HTML. Por exemplo, o HTML negrito continuará a aplicar o efeito negrito a qualquer texto colocado entre abrir e fechar Tag.

Instruções De Vídeo: Tutorial Fácil: Editar Visual (Layout) com CSS de Qualquer Elemento no WordPress sem FTP (Pode 2024).

Personalizando tags HTML com regras CSS - O seletor HTML, HTML, como redefinir uma tag HTML, como usar CSS para redefinir uma tag html, como definir um seletor CSS, como definir uma tag html, como usar css para definir uma tag html, seletor de CSS, regras de CSS, definições de CSS, pares de valor de propriedade, como escrever suas próprias regras de CSS

Artigo Anterior

Próximo Artigo

Escolhendo o formato de imagem correto

Pode 2024

Ao postar imagens em seu site, você tem duas opções principais: Formato de intercâmbio de gráficos (GIF) ou Grupo de especialistas em fotografia (JPEG). Cada formato tem pontos fortes e fracos que...

computadores

Preparando-se para aprender JavaScript

Pode 2024

O QUE VOCÊ PRECISA SABER Diferentemente das linguagens independentes, como Java ou C, o JavaScript funciona com HTML (ou, mais raramente, com XML). Como resultado, você precisa ter um entendimento...