Atributo Class | Tutorial de HTML5 | #19 | #uninerds | Universo dos Nerds
9Código fonte da vídeo aula:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-html5
Fundo: https://youtu.be/GEqTmTBmxQ0
Cores: https://youtu.be/Ex8lL_jesJ4
Borda:
Parte 1: https://youtu.be/DF5gkTI7Ue0
Parte 2: https://youtu.be/BP03Ut_GvNs
Playlist de JS: https://www.youtube.com/playlist?list=PLi3qhjm7dbef435xWUu1cTnwn9cLMktnZ
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Grupo recomendado no vídeo:
https://www.facebook.com/groups/DevAt
Hashtags: #uninerds #html #html5
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
O atributo class é muito utilizado com CSS, por exemplo, supondo que em uma página tenha h1 e h2, mas queremos que os dois tenham a mesma cor de fundo, para isso o CSS ficaria assim:
Embora isso funcione tem um jeito melhor de fazer isso, para isso colocamos na duas tags o atributo class igual a fundoverde e no CSS fazemos o seguinte:
Isso é interessante porque se queremos aplicar um estilo em várias partes da página e só definir o class no CSS e colocar nas partes da página que deseja aplicar o estilo e uma tag pode receber mais de um valor no atributo class
Para utilizar esse atributo no JavaScript podemos ver o seguinte exemplo que irá alterar a margem das tags que tem no class o valor borda:
Atenção: Para o valor definido no atributo class faz diferença maiúscula e minúscula, ou seja, fundoverde não é igual a fundoVerde