Conteúdo principal
Programação
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?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?
- 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)- h2 {
color: rgb(255,0,0);
}(3 votos)
- Tão claro como as águas da nascente do Tietê(7 votos)
- E se por exemplo eu não quiser todos os "h1" formatados mas só alguns(7 votos)
- Use o parâmetro ID na tag dos <h1>
isso você verá no capítulo Seleção por id ;)(11 votos)
- Se eu querer só colocar cor em apenas uma das tags <h2>(3 votos)
- Você tem de usar a seleção por id. Isso você aprenderá na primeira lição após o próximo desafio. Passa lá! Espero ter ajudado! Boa sorte com os estudos!(3 votos)
- muito melhor gosto muito desse site(3 votos)
- 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)
- Olá, Leonardo!
Parabéns pela observação, é muito importante ficar atento às recomendações do e-MAG e outros órgãos do tipo.
Sobre sua pergunta, é importante que você pesquise sobre posicionamento com CSS, com os comandos deborder
emargin
Espero ter ajudado!(1 voto)
- 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)
- 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)
- Estou gostando bastante das aulas :)(2 votos)
- A CSS é uma linguagem de computaçao igual as HTMLs ou com o esta escrito , são apenas seletores?(1 voto)
- 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)
- é possível fazer um site só com o css?(1 voto)
- não pode não, pois o CSS não é visível. Você vai precisar do HTML(2 votos)