Carregando...

Tutorial de CSS

📊 76 Tópicos
⏱️ Aprendizado Interativo
🎯 Passo a Passo
CSS transforma essa marcação numa página que dá para usar: tipo, cor, espaçamento e layout. É preciso já saber escrever HTML básico. O curso cobre a cascata e os seletores, o modelo de caixa, o posicionamento, Flexbox e Grid, pontos de quebra para telas estreitas e largas, e movimento com transições e transformações. No fim do caminho principal você estiliza uma página de várias seções que se segura no celular e numa tela larga, sem um framework de CSS.
🎯

Curso Concluído

Este curso está completo e pronto para aprendizagem. Todos os tópicos estão disponíveis para estudo.

🔍

📋 Trilha de Aprendizado

Siga a trilha de aprendizado estruturada abaixo

Introdução ao CSS
Sintaxe CSS
Como adicionar CSS
Comentários em CSS
Unidades CSS
Seletores CSS
Combinadores CSS
Seletores de atributo CSS
Pseudo-classes CSS
Pseudo-elementos CSS
Especificidade CSS
Cores CSS
Valores de cor CSS
Fundos CSS
Gradientes CSS
Opacidade CSS
Bordas CSS
Border-radius CSS
Margin CSS
Padding CSS
Altura e largura CSS
Modelo de caixa CSS
Outline em CSS
Box Sizing em CSS
Overflow em CSS
Texto em CSS
Fontes em CSS
Fontes web em CSS
Efeitos de texto em CSS
Links em CSS
Listas em CSS
Tabelas em CSS
Controles de formulário em CSS
Botões em CSS
Display em CSS
Inline-block CSS
Position em CSS
Z-index em CSS
Float e Clear em CSS
Object-fit em CSS
Layout de site com CSS
Barras de navegação CSS
Menus suspensos CSS
Galeria de imagens CSS
Flexbox CSS
Contentor Flex CSS
Itens Flex CSS
Flex responsivo CSS
Grid CSS
Contentor Grid CSS
Itens Grid CSS
Áreas Grid CSS
Grid responsivo CSS
Design responsivo com CSS
Media queries CSS
Imagens responsivas CSS
Breakpoints CSS
Box-shadow CSS
Transições CSS
Transforms CSS
Animações CSS
Filtros CSS
Variáveis CSS
Calc e funções matemáticas CSS
Aninhamento CSS
Container queries CSS
Feature queries CSS
Acessibilidade com CSS
Resumo CSS e próximos passos
Mini projeto CSS — Landing estilizada
CSS !important
Image sprites CSS
Várias colunas CSS
Máscaras CSS
Interface de utilizador CSS
Transforms 3D CSS
← Voltar