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/h...

PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS:
https://pages.hashtagtreinamentos.com...

-----------------------------------------------------------------------

► Arquivos Utilizados no Vídeo:
https://pages.hashtagtreinamentos.com...

-----------------------------------------------------------------------

Caso prefira o vídeo em formato de texto:

► Pseudo Classes: https://www.hashtagtreinamentos.com/n...
► CSS Nesting: https://www.hashtagtreinamentos.com/c...
► Text Wrap: https://www.hashtagtreinamentos.com/t...
► @Layer: https://www.hashtagtreinamentos.com/l...
► Container Queries: https://www.hashtagtreinamentos.com/c...

-----------------------------------------------------------------------

PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
https://www.hashtagtreinamentos.com/t...

-----------------------------------------------------------------------

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
   • Curso Básico de Html e CSS - Aprenda Const...  

► Como Baixar e Configurar o VSCode para HTML e CSS
   • Instalação do VS Code para Programação em ...  

-----------------------------------------------------------------------

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