Summary
Keywords
Full Transcript
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_cZj1-2PVifg&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=estilizacao-portfolio-22-1&conversion=leshc-jan-25 PARA ACESSAR O MINICURSO GRATUITO DE HTML E CSS (LANDING PAGE): https://pages.hashtagtreinamentos.com/inscricao-minicurso-html-css-landingpage?origemurl=hashtag_yt_org_minihtmlcss_landingpage_cZj1-2PVifg&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=estilizacao-portfolio-22-1&conversion=leshc-jan-25 ----------------------------------------------------------------------- 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/html-css/arquivo/download?curso=htmlcss&id=1_CuXH0Y-fqJo1EyL9UxyeNE7Qk7m1UTV&origemurl=hashtag_yt_org_planilhahc_cZj1-2PVifg&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=estilizacao-portfolio-22-1&conversion=leshc-jan-25 💻 Recomendação de vídeo: Curso Básico de HTML (2025) - Criando uma Página de Portfólio https://youtu.be/iqHvLJKZeBM Aprenda Construindo uma Landing Page https://youtu.be/vtX9BzESWnQ ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/como-criar-um-portfolio-online-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt&origemurl=hashtag_yt_org_incompany_cZj1-2PVifg&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=estilizacao-portfolio-22-1&conversion=leshc-jan-25 ----------------------------------------------------------------------- Quer aprender a dar vida à sua página de portfólio com estilos incríveis e impressionar os recrutadores? Na segunda aula, Curso Básico de CSS, você vai aprender a usar o CSS do zero para estilizar a página de portfólio HTML que criamos na aula anterior. O CSS, ou Cascading Style Sheets, é a linguagem de estilização que transforma páginas simples em experiências visuais marcantes. Vamos começar explorando o que é o CSS, as diferentes formas de usá-lo (inline, interno e externo) e como aplicar estilos de maneira prática. Você também vai aprender como usar seletores e classes para personalizar elementos específicos, ajustando cores, fontes, espaçamentos e o background para dar um toque único à sua página. E tem mais! Vou compartilhar dicas para manter seu código organizado e atalhos que vão facilitar a edição e economizar seu tempo. Pronto para dar o próximo passo na construção do seu portfólio e impressionar os recrutadores com um design incrível? Então vem comigo! ----------------------------------------------------------------------- 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 0:00:00 Introdução 0:03:16 O que é o CSS? 0:04:58 Inline CSS 0:09:41 CSS Interno 0:12:30 CSS Externo 0:15:22 Dividindo a tela do VS Code 0:15:55 Organizando os seletores 0:16:25 Seletores básicos - Elementos 0:18:45 Seletor de Classe 0:22:22 Seletor de ID 0:24:38 Propriedades Principais 0:25:53 Ferramenta de Desenvolvedor 0:27:15 Ajustando as fontes da página 0:30:25 Estilizando o espaçamento 0:39:12 Seletor Universal 0:41:40 Margin, Padding e Border 0:50:25 Alinhamento e Layout - Flexbox 0:59:40 Borda entre as seções 1:01:41 Ajustando a altura da linha 1:03:55 Modificando a seção Habilidades 1:08:15 Finalizando a seção Projetos 1:13:00 Pseudo-classe CSS 1:14:10 Centralizando o rodapé 1:16:55 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao
