CSS Nesting Passo a Passo: Simplifique seu Código e Evite Erros

Опубликовано: 09 Сентябрь 2024
на канале: Hashtag Programação
837
73

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


Смотрите видео CSS Nesting Passo a Passo: Simplifique seu Código e Evite Erros онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Hashtag Programação 09 Сентябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 837 раз и оно понравилось 73 людям.