Parte do Journey de HTMLJornadaAprenda CSS
Um curso de CSS gratuito e interativo. Você estiliza HTML de verdade em cada aula - seletores, o box model, cores, fontes, flexbox, grid, design responsivo - com uma prévia ao vivo enquanto você digita e um certificado gratuito ao concluir. Faz parte da jornada mais ampla de HTML, então o contexto de marcação de que o CSS precisa está ali mesmo.
13,993+ codders inscritos
119 lições114 desafios582 perguntas de quiz
- Ideal para iniciantes
Ajuda de codificação com IA
Lições interativas e práticas
Questionários para testar seu conhecimento
Certificado grátis de conclusão
Programa
Esta seção faz parte do Journey de HTML. O programa completo tem mais seções: clique em qualquer prévia abaixo para vê-la na página do Journey.
- Seção 1Fundamentos60 lições
Seção 2
Estilização com CSS
Começar seçãoIniciarDê vida às suas páginas web com cores, layouts e estilosIntrodução
5 lições540Adicionando CSS
4 lições725Seletores Básicos
7 lições1247Fundamentos de Texto
8 lições1450Cores e Fundos
5 lições834Cardápio do Café
Projeto3 lições3Modelo de Caixa — Parte 1
6 lições943Modelo de Caixa — Parte 2
5 lições833Flex Box
6 lições943Formulário de Login
Projeto4 lições4Técnicas de Layout
7 lições1151Fundamentos do Design Responsivo
6 lições1052Página Web de Tonga
Projeto6 lições6Desafios Finais
4 lições4Seção 3
Domínio do CSS
Começar seçãoIniciarLeve suas habilidades em CSS para o próximo nível!Domínio de Seletores – Combinação
6 lições539Pseudo-classes Interativas
5 lições431Pseudo-classes estruturais
5 lições432Projeto de Menu Dropdown
4 lições4Efeitos visuais
5 lições536Landing Page
5 lições5Construa com CSS Grid
4 lições426Site Flavor Fiesta
4 lições4Desafios Finais
5 lições5- Seção 4Frontend Prático35 lições
- Seção 5JavaScript em Ação27 lições
Aprenda Fazendo
Escreva código real, consulte bancos de dados, crie sites e domine prompts de IA. Nossas lições interativas cobrem todas as habilidades que desenvolvedores modernos precisam.
Construa Sua Sequência
Mantenha a consistência e veja seu progresso crescer! Acompanhe seu hábito diário de programação, proteja sua sequência com dias de congelamento e ganhe recompensas por aparecer todos os dias.
12 dias de sequência
Volte amanhã para manter sua sequência!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Tudo ou Nada
Dia 5 de 7
Congelar Sequência
2 left
Onde Quiser
Leve sua jornada de programação com você! Sem configuração, sem downloads: apenas abra e comece a programar. Disponível no iOS, Android e Web com avaliações de 4.9 estrelas.
Você Não Está Sozinho
Compita em placares globais, convide amigos para ganhar recompensas e celebre as conquistas uns dos outros. Programar é melhor com amigos!
1
2
3
Zona de promoçãoAprenda de todas as formas
Leia, ouça, teste-se, pergunte à IA ou consulte qualquer coisa que já tenha estudado. Cada lição se adapta a você.
Uma variável é um contêiner nomeado que armazena um valor que você pode referenciar depois.
Em Python, você cria uma escrevendo o nome, um sinal de igual e o valor que quer armazenar.
O valor pode mudar com o tempo. Reatribuir o nome simplesmente o aponta para um novo valor.
Seja Certificado
Ganhe certificados para cada curso que você completar. Adicione-os ao seu perfil do LinkedIn e currículo para mostrar sua experiência em programação aos empregadores.
Certificado de ConclusãoFundamentos de Python
Adicionar ao LinkedInPor que aprender CSS com a Coddy
- Escreva CSS no seu navegador e veja a página se reestilizar ao vivo. Sem etapa de build, sem configurar um editor. Cada mudança em um seletor ou propriedade aparece instantaneamente, então você vê o que cada regra realmente faz.
- O essencial do CSS: seletores e especificidade, o box model, posicionamento, flexbox, CSS grid, transições, media queries e design responsivo. O CSS de que todo desenvolvedor front-end precisa no dia a dia.
- As dicas de IA ajudam você a depurar as coisas que sempre confundem - surpresas de especificidade, estouros de layout, comportamentos estranhos do flexbox - sem estragar a solução, para que o CSS se torne intuitivo em vez de mágico.
- Certificado de CSS gratuito ao concluir a seção. Combina naturalmente com os cursos de HTML e JavaScript para uma base completa de front-end.
Perguntas frequentes sobre aprender CSS
O que é CSS?
CSS (Cascading Style Sheets) é a linguagem que controla a aparência das páginas HTML - cores, fontes, espaçamento, layout, animações, comportamento responsivo em diferentes tamanhos de tela. O HTML define o que está na página; o CSS define como ela é apresentada.
CSS é difícil de aprender?
O CSS básico - seletores, cores, fontes, o box model - é fácil de pegar em algumas horas. As partes mais difíceis vêm depois: regras de especificidade, layouts com flexbox e grid e fazer tudo ficar bom em qualquer tamanho de tela. O curso as introduz em passos pequenos com uma prévia ao vivo, então você vê exatamente o que cada regra faz.
Devo aprender HTML antes de CSS?
Sim. O HTML define a estrutura de uma página; o CSS a estiliza. Sem HTML, você não tem nada para estilizar. É por isso que esta seção de CSS faz parte da jornada de HTML - a seção de fundamentos de HTML vem primeiro, e depois você passa a maior parte da jornada estilizando-o.
Qual é a diferença entre CSS, Flexbox e Grid?
Flexbox e Grid são módulos de layout dentro do CSS - não são tecnologias separadas, são recursos do CSS. O Flexbox é melhor para layouts unidimensionais (uma linha de cards, uma barra de navegação). O Grid é melhor para layouts bidimensionais (uma página inteira, um layout de cards complexo). A maioria dos sites reais usa os dois, e o curso aborda quando recorrer a cada um.
Posso aprender CSS online de graça?
Sim. A seção interativa de CSS é gratuita - aulas completas, exercícios de programação, uma prévia ao vivo e um certificado. Tudo roda no navegador, então você não precisa instalar nenhum editor ou ferramenta para começar.
Recebo um certificado após o curso de CSS?
Sim. Concluir a seção de CSS dá a você um certificado de conclusão gratuito. Uma prova verificável que você pode adicionar ao seu currículo ou compartilhar no LinkedIn junto aos certificados de HTML e JavaScript como parte de um portfólio de front-end.
