Tecnologia · Apostila CSS
Aprenda a dar aparência e layout às páginas com CSS: seletores, box model, cores, tipografia, Flexbox, Grid e responsividade.
O CSS é o que transforma uma página crua de HTML em um site com identidade, cor e layout. Neste curso de CSS online e gratuito você aprende do zero: como ligar o estilo ao HTML da forma correta, escrever regras e seletores, entender a cascata, a herança e a especificidade, dominar o box model com box-sizing, escolher unidades e cores com acessibilidade, cuidar da tipografia, posicionar elementos e montar layout de verdade com Flexbox e Grid, deixar o site responsivo pelo método mobile-first, usar variáveis CSS e aplicar transições e animações com responsabilidade. Tudo com exemplos de código atuais, sem técnicas ultrapassadas, e um projeto final de landing page. Estude no seu ritmo, pelo celular ou computador, e emita seu certificado.
O que você aprende
Ligar o CSS ao HTML e escrever regras, propriedades e valores
Usar seletores, pseudo-classes e pseudo-elementos com precisão
Dominar a cascata, a herança, a especificidade e o box model
Trabalhar unidades, cores acessíveis, tipografia e posicionamento
Montar layouts modernos com Flexbox e CSS Grid
Deixar o site responsivo com mobile-first, media queries e variáveis CSS
Este curso é para você?
Currículo do curso
4 módulos · 16 aulas
01Módulo 1 — Fundamentos e Seletores do CSS4 aulas
O que é CSS e a separação entre estrutura e apresentação
As três formas de aplicar CSS e por que a externa é a certa
Anatomia da regra: seletor, propriedade e valor
Seletores combinados, pseudo-classes e pseudo-elementos
02Módulo 2 — Cascata, Box Model e Medidas4 aulas
Cascata, herança e especificidade (e o problema do !important)
Box model, box-sizing e o colapso de margem
Unidades de medida: px, %, em, rem, vw e vh
Cores, variáveis CSS e contraste acessível
03Módulo 3 — Tipografia, Fluxo e Flexbox4 aulas
Tipografia: família, peso, altura de linha e web fonts
Display: block, inline, inline-block e none
Posicionamento: static, relative, absolute, fixed, sticky e z-index
Flexbox: alinhar e distribuir em uma dimensão
04Módulo 4 — Grid, Responsividade e Projeto Final4 aulas
CSS Grid: montando o layout da página em duas dimensões
Responsividade na prática: mobile-first e media queries
Transições, transformações e animações com responsabilidade
Organização do código, inspetor do navegador e projeto final
Comprove o seu percurso.
O certificado digital é opcional, traz a carga horária do curso e pode ser validado publicamente por QR Code.
Perguntas frequentes
O curso de CSS é grátis?
Sim. Todo o conteúdo do curso de CSS é 100% gratuito, do primeiro ao último módulo, incluindo os exemplos de código e a prova final. Você só paga se quiser emitir o certificado de conclusão, que é opcional.
Preciso saber HTML antes de estudar CSS?
Sim. O CSS só faz sentido aplicado a uma página HTML: você precisa saber o que são tags, classes e ids para escolher os seletores certos. Se ainda não tem essa base, faça antes o curso de HTML Básico aqui no site, que também é gratuito, e volte para este em seguida.
O certificado é válido em todo o Brasil?
Sim. É um certificado de curso livre de formação inicial e continuada (FIC), válido em todo o território nacional, com base no Decreto 5.154/2004 e na Resolução CNE nº 04/99. Serve para currículo, comprovação de qualificação e horas complementares. Ele não é uma graduação reconhecida pelo MEC nem habilita profissão regulamentada.