Aprenda CSS do ZERO até colocar o SITE NO AR | Tutorial PASSO A PASSO com PROJETO PRÁTICO

Para colocar nosso site no ar usamos hospedagem e domínio da Hostinger: https://www.hostg.xyz/SHGFp + cupom "RAFA" para 10% de desconto adicional! Nesse vídeo vamos aprender do zero como utilizar CSS para iniciar no universo de programação e também colocaremos a nossa página web no ar usando o serviço da Hostinger, mencionado acima! CSS é a linguagem de estilização essencial para iniciar em desenvolvimento web, caso queira ser um desenvolvedor ou desenvolvedora! Seguimos com o projeto que vimos no vídeo de aula de HTML, agora estilizando todos os elementos/tags com propriedades dessa nova linguagem Vídeo anterior de HTML: https://www.youtube.com/watch?v=Fhy-5CtVkiM&t=2929s O que mais você quer ver aqui no canal? Comenta aqui embaixo pra eu saber! ------------------------------------------------------------------------------------------------------------------ Links importantes: Hostinger: https://www.hostg.xyz/SHGFp + cupom "RAFA" para desconto 10% extra Desconto da ALURA: https://www.alura.tv/rafaballerini Minhas redes sociais: https://beacons.ai/ballerini Vídeo de HTML: https://www.youtube.com/watch?v=Fhy-5CtVkiM&t=2929s Projeto HTML no Github para acompanhar o vídeo: https://github.com/rafaballerini/meu-site-html Projeto final com CSS no Github: https://github.com/rafaballerini/meu-site-html-css ------------------------------------------------------------------------------------------------------------------- Índice do vídeo: 00:00:00 - Para que serve o CSS 00:01:00 - O que aprenderemos nesse vídeo 00:01:57 - Analisando o projeto 00:02:32 - Estilização inline | usando atributo style 00:05:16 - Estilização interna | usando tag style 00:08:48 - Hierarquia de especificidade 00:10:04 - Estilização externa | usando arquivo CSS 00:11:26 - Linkando arquivo CSS no HTML 00:12:38 - Resentando estilização padrão 00:15:13 - Inspecionar elemento e box model 00:19:00 - Seletor universal * 00:20:00 - Box-sizing 00:22:16 - Background-color | cor de fundo 00:23:17 - Color | cor do conteúdo 00:23:52 - Alterando fonte com Google Fonts 00:27:17 - Estilizando header | cabeçalho 00:28:47 - PX ou REM? | Unidades de medida fixa ou relativa 00:30:56 - Text-align | Alinhando e centralizando textos 00:31:31 - Estilizando main | conteúdo principal 00:33:11 - Flexbox e display para dispor elementos 00:35:02 - Estilizando section | seções 00:37:25 - Estilizando input e label | entradas do usuário 00:38:08 - Seletor por atributo 00:39:43 - Usando mais de um seletor por vez com “,” 00:40:51 - Estilizando input de text, password, date e email 00:42:33 - Outline e acessibilidade 00:43:02 - Border-radious | arredondando elementos 00:43:44 - Pseudoelementos | ::placeholder 00:46:43 - Estilizando select e options | menu suspenso 00:48:22 - Estilizando imagens | img 00:49:28 - Estilizando tabelas | table 00:54:03 - Estilizando listas 00:57:07 - Estilizando formulários | forms 00:59:23 - Estilizando caixas de texto | textarea 01:00:19 - Estilizando botões | button 01:01:28 - Classes em CSS 01:06:34 - Desafio 01:07:06 - Colocando o site no ar com Hostinger #CSS #cursoCSS #desenvolvedor