Neste curso usamos id no CSS para o tag p e img e classe para quase todos os outros. Testei e para imagens tanto id quanto classe funcionaram no CSS. Qual é a melhor maneira ou quando não usar um ou outro no CSS?
Neste curso usamos id no CSS para o tag p e img e classe para quase todos os outros. Testei e para imagens tanto id quanto classe funcionaram no CSS. Qual é a melhor maneira ou quando não usar um ou outro no CSS?
Oi, Hallan, tudo bem?
Então, as classes trabalham de uma forma que identificam um grupo de elementos. Através delas, pode-se atribuir a estilização de vários elementos de uma vez só. E para identifica-la no css, usa-se o ponto (.), antes do nome. Vê no exemplo:
<div class="container">
<h1> Seu trabalhos</h1>
</div>
<div class="container">
<h1> Seu texto de apresentação</h1>
</div>
<div class="container">
<h1> Seu currículo</h1>
</div>
.container{
background-color: red;
}
Acima vemos que consigmos fazer a mesma edição das três divs igualmente com a classe container
a partir do código CSS, ou seja, as três tags divs ficarão com o fundo vermelho.
Já o ID, é o oposto da classe, ele só se refere a um elemento. Ela é exclusiva. Não podendo haver mais de uma id
com o mesmo nome. E para identifica-la no css, usa-se o cerquilha (#). Exemplo:
<div id="wrap">
<h1> Seu trabalhos</h1>
</div>
<div class="container">
<h1> Seu texto de apresentação</h1>
</div>
<div class="container">
<h1> Seu currículo</h1>
</div>
#wrap{
background-color: blue;
}
No exemplo acima, somente o IDwrap
irá estilizar o fundo com a cor azul.
Uma boa prática com desenvolvimento web é utilizar mais classes pelo seu poder de ser reutilizada várias vezes. Enquanto o ID é exclusivo, você não terá esse mesmo poder e é usada quando queremos algo específico em um estilo.
Sacou a ideia? Qualquer dúvida é só falar!