If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal

Dica: Seleção por nome de Tag

Como você acabou de aprender, usamos as regras de CSS para selecionar elementos em uma página da web para que possamos mudar o design desses elementos.
A maneira como usamos a regra CSS para mudar certos elementos do HTML é usando seletores. Existem muitos tipos de seletores que abordaremos depois, mas aqui queremos revisar apenas o que já mostramos na conversação: O seletor de elementos.
O seletor de elementos seleciona elementos HTML baseado em suas tags. Cada elemento HTML — <h1>, <p>, <li>, <body>— e qualquer outro elemento HTML pode ser selecionado com CSS usando a tag sem os < e >. Por exemplo, você pode selecionar todas as tags <p> em sua página da web utilizando o seletor p. Aqui está uma regra CSS que muda a cor de cada parágrafo:
p {
    color: rgb(255, 0, 0);
}
Vamos checar se isto faz sentido. Quais dessas regras selecionariam todos os elementos <h2> em uma página?
Escolha 1 resposta:

Você vai experimentar utilizando seletores com diferentes tags no próximo desafio. A medida em que você os testa, preste atenção em qual efeito a regra CSS tem na página - quais elementos mudam e quais não mudam.

Quer participar da conversa?

  • Avatar aqualine ultimate style do usuário Nivaldo Schmiedel
    Tradução do material a cima. Não é uma tradução oficial da Khan Academy.
    Confiram essa tradução está correta,obrigado. ^^

    Ponta rápida: Seleção por nome de etiqueta

    Como você acabou de aprender, usamos regras CSS para selecionar elementos em uma página web para que possamos então denominar esses elementos.
    A nossa forma de contar a nossa regra de CSS que os elementos HTML com o estilo é usando "seletores". Existem muitos tipos de seletores que nós vamos cobrir mais tarde, mas aqui nós só queremos rever o que mostramos no talk-through(conversa-através): o seletor de elemento.
    O seletor de elemento seleciona elementos HTML com base em seu nome tag. Cada elemento HTML, <;h1>;, <p>, <li>, <body>; e qualquer outro elemento HTML pode ser selecionada com CSS usando o nome da marca, sem os colchetes angulares (<e>). Por exemplo, você pode selecionar todos os tags <p>; em sua página da web usando o elemento selector p. Aqui está uma regra CSS que altera a cor de cada parágrafo em uma página da web:

    p {
    color: rgb(255, 0, 0);
    }

    Vamos verificar se isso fazia sentido. Qual dessas regras deve selecionar todos os <h2> elementos em uma página?
    _____________________________________________________________________________

    pergunta da Khan Academy


    (No Botão) Verifique a resposta
    _____________________________________________________________________________
    Você vai experimentar usando seletores elemento com diferentes nomes de marca no próximo desafio. Como você está experimentando, preste atenção para o efeito que suas regras CSS tem na página - que os elementos mudam de cor e não fazer.
    (23 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar piceratops seedling style do usuário Thesudo
    Tão claro como as águas da nascente do Tietê
    (7 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar male robot johnny style do usuário Dieisson Martins Dos Santos
    E se por exemplo eu não quiser todos os "h1" formatados mas só alguns
    (7 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar primosaur seedling style do usuário Davi Emanoel Scariotto da Siva
    Se eu querer só colocar cor em apenas uma das tags <h2>
    (3 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar blobby green style do usuário Claudeir Cardoso
    muito melhor gosto muito desse site
    (3 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar piceratops seedling style do usuário Leonardo Rodrigues
    Uma das recomendações do Modelo de Acessibilidade do Governo Eletrônico (e-MAG) é não utilizar tabelas para diagramação, pois as tabelas devem ser utilizadas apenas para dados tabulares e não para efeitos de disposição dos elementos na página. Para esse fim, que recursos devem ser utilizados?
    (2 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar leafers seedling style do usuário Sérgio Roberto Ramos
    Entendi como funciona mas não o que é. CSS assim como o HTML é uma linguagem de programação WEB ou apenas um "estilo" dentro do HTML?
    (2 votos)
    Avatar Default Khan Academy avatar do usuário
    • Avatar male robot hal style do usuário Lucas Nascimento
      Basicamente, as 2 coisas. O HTML, basicamente, cria o conteúdo da página, já o CSS, dá estilo ao site, colocando cores, organizando o conteúdo, etc. HTML e CSS são linguagens de programação WEB. Espero ter ajudado! Boa sorte com os estudos!
      (13 votos)
  • Avatar hopper happy style do usuário marianeangelo94
    Estou gostando bastante das aulas :)
    (2 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar leafers seed style do usuário Ismael de Castro Fernandes
    A CSS é uma linguagem de computaçao igual as HTMLs ou com o esta escrito , são apenas seletores?
    (1 voto)
    Avatar Default Khan Academy avatar do usuário
    • Avatar starky tree style do usuário Gabriel Kyomen
      Olá, Ismael!
      Não sei te dizer se existem "linguagens de computação", mas creio que quis dizer programação!

      Na verdade, nem o HTML nem o CSS são linguagens de programação. O HTML é uma linguagem de marcação (TAG significa MARCADOR) e o CSS é uma linguagem de estilo, ou seja, ela só é auxiliar para outra linguagem poder se modificar com cores e outras coisas.
      (1 voto)
  • Avatar blobby green style do usuário Wellington Augusto Dos Santos
    é possível fazer um site só com o css?
    (1 voto)
    Avatar Default Khan Academy avatar do usuário
Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.