HTML & CSS - Explorando 5 Recursos Modernos Avançados do CSS

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_htmSOlYWAgc PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_htmSOlYWAgc ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-13APMq03FrxKHdQxT5vKWZfyk2hpWnZw0?origemurl=hashtag_yt_org_planilhahc_htmSOlYWAgc ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: ► Pseudo Classes: https://www.hashtagtreinamentos.com/novas-pseudo-classes-css-html-e-css ► CSS Nesting: https://www.hashtagtreinamentos.com/css-nesting-html-e-css ► Text Wrap: https://www.hashtagtreinamentos.com/text-wrap-no-css-html-e-css ► @Layer: https://www.hashtagtreinamentos.com/layer-no-css-html-e-css ► Container Queries: https://www.hashtagtreinamentos.com/container-queries-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Hoje nós vamos explorar os 5 recursos modernos avançados do CSS (2024)! Vamos explorar alguns recursos avançados do CSS que vão te ajudar muito nos seus próximos projetos. Nessa aula eu vou falar sobre: text-wrap, nesting no CSS, @layer, @container e has() no CSS. Não vou entrar muito no detalhe, mas vou te mostrar como cada um deles funciona. Além disso, vou sempre mostrar no Can I Use se você já pode ou não utilizar esses recursos em todos os seus projetos ou se deve esperar para que esteja já consolidado! Vale lembrar que nós temos vídeos completos para todos os temas que vamos falar na aula, então vamos ter os cards ao longo do vídeo para que você possa acessar o vídeo completo de cada um dos temas! ----------------------------------------------------------------------- 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:22 Recursos modernos no CSS 02:14 Disponibilidade nos navegadores (Can I Use) 03:48 Text-wrap no CSS 06:42 Nesting no CSS 10:08 @layer no CSS (regra – camadas de cascata) 13:00 Can I Use (Nesting e @layer) 13:52 Como escrever um layer 17:41 @Container no CSS 22:44 Can I Use (@Container) 23:08 Has() no CSS (pseudo elemento) 26:50 Can I Use (has()) 27:15 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao