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
Смотрите видео Aprenda CSS do ZERO até colocar o SITE NO AR | Tutorial PASSO A PASSO com PROJETO PRÁTICO онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Rafaella Ballerini 30 Сентябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 23,444 раз и оно понравилось 1.8 тысяч людям.