HTML & CSS - Flexbox CSS - Noções Essenciais para um Layout Flexível [Tutorial]

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_rNjSx8rrxBY PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_rNjSx8rrxBY ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1QuCs9n6bGUqRYvbjSBwXOqXBPK7W9-h3?origemurl=hashtag_yt_org_planilhahc_rNjSx8rrxBY ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/flexbox-css-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Fala Impressionadores! Na aula de hoje eu vou falar sobre Flexbox CSS para que você tenha noções essenciais para um layout flexível! A ideia é que você consiga utilizar esse recurso do CSS para melhorar a construção das suas páginas e consiga organizar os elementos de forma fácil e eficiente. Vou te mostrar formas de escrever CSS no código, pois temos 3 maneiras de fazer isso. Vou te mostrar como usar o box-shadow CSS (para inserir sombra nos elementos), vou te mostrar como ajustar a disposição dos elementos no CSS, como fazer o display da lista não ordenada no CSS e como fazer o ajuste nas âncores (ajuste de texto no CSS). Curtiu? Quer ver como tudo isso funciona na prática e como você ainda pode utilizar as ferramentas do programador do navegador para te auxiliar? Então vem comigo que eu te mostro! ----------------------------------------------------------------------- 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:10 Documento em HTML (explicação) 03:20 Visualização da página 03:43 Ferramentas do programador (navegador) 05:30 Formas de escrever CSS no código 08:25 Espaçamento entre os elementos (margin e padding) 12:24 Sombra no CSS (box-shadow) 15:40 Flexbox no CSS (flexbox editor) – Disposição dos elementos 21:11 Display da lista não ordenada no CSS 23:34 Ajustes nas âncoras do CSS (ajuste de texto no css) 25:30 Teste de responsividade 25:49 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao