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: • Curso completo de HTML - seu PRIMEIRO...
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: • Curso completo de HTML - seu PRIMEIRO...
Projeto HTML no Github para acompanhar o vídeo: https://github.com/rafaballerini/meu-...
Projeto final com CSS no Github: https://github.com/rafaballerini/meu-...
-------------------------------------------------------------------------------------------------------------------
Í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
Watch video Aprenda CSS do ZERO até colocar o SITE NO AR | Tutorial PASSO A PASSO com PROJETO PRÁTICO online without registration, duration hours minute second in high quality. This video was added by user Rafaella Ballerini 30 September 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 23,444 once and liked it 1.8 thousand people.