Iniciante
CSS
Trilha completa de CSS - do zero absoluto (o que é estilo na web) até layout avançado com Grid e Flexbox, animações, container queries e arquitetura. Para quem nunca escreveu uma linha de CSS e também para quem já programa em outras linguagens e quer destravar a parte visual da web.
// criado por
- CSS do Zero: O Básico que Tudo Sustenta
- Introdução: O que é CSS
- Incluindo CSS na Página: Inline, Interno e Externo
- Seletores Básicos: Tag, Classe, ID e Atributo
- Cores: Nome, Hex, RGB, HSL
- Tipografia: Fontes, Tamanhos e Espaçamento
- Box Model: Margin, Border, Padding e Content
- Display: block, inline, inline-block e none
- Unidades: px, em, rem, %, vh e vw
- Pseudo-classes Básicas: :hover, :focus e :active
- DevTools: Inspecionar e Testar Estilos ao Vivo
- CSS Intermediário: Layout e Regras Reais
- Especificidade: Por que 'esse CSS não funciona'
- Cascata e Herança: Quem Ganha?
- Combinadores: Descendente, Filho, Irmão
- Pseudo-elementos: ::before, ::after e ::placeholder
- Position: static, relative, absolute, fixed e sticky
- Flexbox: O Layout que Destrava a Web
- Backgrounds: Imagens, Gradientes e Múltiplos
- Sombras: box-shadow e text-shadow
- Transições: Mudando de Estado com Suavidade
- Responsividade: Media Queries e Mobile-first
- CSS Avançado: Quando a Web Vira um Playground
- CSS Grid: Layout em Duas Dimensões
- Variáveis CSS (Custom Properties) e Theming
- Animações: @keyframes e animation
- Transform: translate, rotate, scale (2D e 3D)
- Funções Modernas: clamp(), min(), max() e calc()
- Container Queries: @container Responde ao Pai
- :has(): o Seletor que 'Sobe' pro Pai
- Logical Properties: margin-inline e afins
- Acessibilidade Visual: prefers-reduced-motion e prefers-color-scheme
- Arquitetura CSS: BEM e Organização de Estilos
- Performance: will-change, Reflow, Repaint e Critical CSS
- O Mundo Além do CSS Puro: Frameworks e Ferramentas
- Projeto Final: Landing Page Completa e Responsiva
// avaliação da trilha
—
ainda sem avaliações