HTML & CSS - Tudo Sobre @layer no CSS: Organize Seu Código com Perfeição

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/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_4D_aK6TFn6w PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_4D_aK6TFn6w ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-12VGG3guAHqKmgoiMlm7FfA5hRXFbuVvl?origemurl=hashtag_yt_org_planilhahc_4D_aK6TFn6w ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/layer-no-css-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Você já conhece o @layer no CSS? Quer saber como funciona e como organizar o seu código com perfeição? Nessa aula eu vou te mostrar o que é a regra @layer, como ela funciona e como você pode utilizá-la nos seus códigos em CSS. Além disso, vou te mostrar exemplos práticos dessa regra, o que acontece com a especificidade dentro do seu código. Podemos inclusive, declarar prioridade das layers para que você já tenha definido como elas vão se comportar em ordem de prioridade. Por fim, vou te mostrar o motivo de não usarmos o importante em conjunto com o @layer, pois ele pode bagunçar toda a estrutura que você criou! ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- 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 01:25 O que é a regra @layer? 01:57 O que são as camadas de cascata? (layers) 06:58 @layer o que é e como funciona? 08:08 Testando as camadas 12:35 Sass boilerplate (exemplo de projeto) 15:28 Layer dentro de uma layer 16:08 Declarar prioridades das layers 19:53 IMPORTANTE: layer quando usamos important 22:31 Conclusão (Can I Use) #htmlecss #htmlcss #html #css #hashtagprogramacao