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?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.(24 votos)
h2 {
color: rgb(255,0,0);
}(4 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)
- Porque o Brasil não investe na ciência(3 votos)
Estou gostando bastante das aulas :)(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 deborderemargin
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)
A vida é muito linda...(2 votos)