CSS Nesting Passo a Passo: Simplifique seu Código e Evite Erros
Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma:
https://dlp.hashtagtreinamentos.com/h...
PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS:
https://pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
http://pages.hashtagtreinamentos.com/...
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto:
https://www.hashtagtreinamentos.com/c...
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
https://www.hashtagtreinamentos.com/t...
-----------------------------------------------------------------------
Você já ouviu falar em CSS Nesting ou Aninhamento em CSS? Hoje eu vou te explicar o que é isso e como isso pode simplificar os seus códigos em CSS.
A ideia é de fato juntar algumas informações para que fiquem mais fáceis de serem escritas e lidas pelos usuários.
Além disso, você vai notar que o seu código vai ficar mais organizado utilizando esse recurso.
Vou te mostrar com um exemplo prático o que é o CSS Nesting e como você pode aplicar isso nos seus projetos.
Vamos utilizar um projeto que já fizemos aqui no canal, assim você conseguirá notar que na sua página não vai ter nenhuma alteração, mas o seu código fica mais limpo!
-----------------------------------------------------------------------
Vídeos Recomendados
► Curso Básico de HTML e CSS
• Curso Básico de Html e CSS - Aprenda ...
► Como Baixar e Configurar o VSCode para HTML e CSS
• Instalação do VS Code para Programaçã...
-----------------------------------------------------------------------
Hashtag Programação
► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
► Blog: https://bit.ly/2MRUZs0
► YouTube: http://bit.ly/3c0LJQi
► Instagram: https://bit.ly/3o6dw42
► Facebook: http://bit.ly/3qGtaF2
Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos!
-----------------------------------------------------------------------
Conteúdo da Aula
00:00 Introdução
02:30 O que é CSS Nesting (CSS aninhado)
03:40 Como transformar em CSS aninhado
04:44 Outra forma de criar o Nesting no CSS
05:18 Seleção com o aninhamento (nesting)
08:10 Reescrevendo o código com CSS aninhado
08:58 Disponibilidade do CSS Nesting
11:22 Reescrevendo o código com CSS aninhado
16:32 Conclusão
#htmlecss #htmlcss #html #css #hashtagprogramacao
Watch video CSS Nesting Passo a Passo: Simplifique seu Código e Evite Erros online without registration, duration hours minute second in high quality. This video was added by user Hashtag Programação 09 September 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 837 once and liked it 73 people.