A IA escreve CSS,
mas é você quem pensa a solução.
Escreva prompts melhores, revise o que a IA gera e assuma o controle do resultado.
Pagamento seguro • Acesso imediato • 7 dias de garantia
Esse livro é pra você?
É para dev que:
- Usa IA pra gerar CSS e quer fazer prompts mais eficientes para receber resultados melhores.
- Escreve CSS todo dia, mas perde horas em bugs que parecem simples (porque diagnostica por tentativa e erro e não por modelo mental).
- Aprendeu CSS via Tailwind, CSS-in-JS ou framework e quer dominar como CSS funciona (não por purismo, mas pra resolver problemas que abstrações não resolvem).
- Quer parar de chutar e virar referência técnica em CSS no time, capaz de revisar PRs, embasar decisões e explicar os porquês.
Não é para dev que:
- Nunca escreveu CSS (o livro não é introdutório; ele assume que você já usa).
- Prefere vídeo-aula a leitura técnica (é livro, não curso).
- Busca tutorial de framework específico (Tailwind, Bootstrap, Material); o livro é sobre o CSS que está por baixo desses frameworks.
- Espera receita pronta tipo “domine CSS em 7 dias”; o livro ensina conceitos fundamentais de CSS, não atalhos.
O que tem dentro
São 8 capítulos centrais, cada um explicando, através de um fio condutor único, os conceitos fundamentais de CSS.
- Cascata
A primeira pergunta do browser: quando várias regras competem pela mesma propriedade, quem vence? A Cascata responde em 6 passos numa ordem fixa, parando no primeiro que decide. Dominar essa ordem é saber qual regra vence antes mesmo de abrir o navegador.
- Especificidade
Quando 2 seletores empatam na Cascata, a Especificidade decide o desempate. A conta parece soma, mas é comparação parte a parte que nunca acumula — e errá-la engana muita gente. Acertar aqui elimina o bug que mais consome tempo.
- Herança
Quando nenhuma regra declarou valor pra uma propriedade, a Herança entra como defaulting depois da Cascata. Algumas propriedades sobem do pai, outras não — e cada uma vem marcada na própria especificação. Saber disso é prever o resultado antes de rodar.
- Box Model
Toda caixa tem 4 áreas: content, padding, border e margin. Box Model é o contrato de como elas formam o tamanho final — e por que margens colapsam e porcentagens enganam. Sem isso, todo dimensionamento vira tentativa e erro.
- Stacking Context
Um elemento aparece na frente do outro e ajustar o empilhamento não resolve. O Stacking Context é o modelo que decide o que fica à frente: como os elementos se organizam no eixo Z. Quem entende isso resolve em segundos o que outros levam horas.
- Block Formatting Context
Margem de um filho empurra o pai inteiro pra baixo. O Block Formatting Context isola o fluxo: a margem não vaza pra fora do pai e floats internos ficam contidos. Conhecer isso transforma bugs clássicos em decisões conscientes.
- Algoritmos de Layout
CSS não é uma linguagem só: são 5 algoritmos de layout diferentes interpretando a mesma propriedade de jeitos distintos. Mudar o algoritmo muda tudo dentro do container. Reconhecer qual está no comando é prever o layout antes de escrevê-lo.
- CSS
ContainmentComo dizer ao browser “não recalcule nada fora daqui”. CSS Containment marca uma subárvore como independente, isolando o trabalho do browser dentro dela. É o que separa interfaces que escalam das que travam.
Sem esse fio condutor na cabeça, você fica nas mãos da IA. Com ele, você passa a dirigir a conversa.
Bônus: 2 skills que põem o livro para trabalhar no seu código
Como bônus, você recebe 2 skills que colocam os conceitos do livro pra trabalhar direto no seu fluxo com IA: Doctor e Smith.
/cfcss-doctor diagnostica.
Você cola um trecho de CSS que não funciona e pergunta
“por que isso quebrou?”. Ela identifica o sintoma e responde citando
o capítulo e o conceito do livro.
/cfcss-smith moderniza.
Você aponta código CSS e ela reescreve com padrões atuais, justificando cada
mudança pelo capítulo do livro que a sustenta.
Pagamento via Hotmart • 7 dias de garantia • Sem mensalidade
Quem escreveu
Perguntas frequentes
O que está incluído?
Você recebe:
- O livro completo em PDF. 237 páginas, 31 exercícios resolvidos.
- 2 skills para Claude Code
(
/cfcss-doctore/cfcss-smith). Bônus exclusivo de quem compra. - Atualizações futuras gratuitas. Errata, novos exemplos e novas edições, sem custo adicional.
O que não está incluído:
- Não é assinatura. Você paga uma vez e o livro é seu.
- Não tem aula em vídeo. É livro, não curso.
- Não tem mentoria, grupo fechado ou encontro ao vivo.
Esse livro serve pra quem usa Tailwind, CSS-in-JS ou framework de UI?
Sim. Tailwind, styled-components, vanilla-extract e outros, tudo isso gera CSS por baixo. Os fundamentos do livro (Cascata, Box Model, Stacking Context, Block Formatting Context etc.) estão presentes em qualquer ferramenta que produza CSS. Você passa a entender o que sua stack está fazendo em vez de só usar.
Posso ler no celular, tablet ou Kindle?
PDF abre em qualquer dispositivo: celular e tablet, qualquer leitor de PDF nativo serve; no Kindle, dá pra enviar via “Send to Kindle”. Também é possível enviar para qualquer outro e-reader que suporte PDF.
Vou receber as atualizações futuras?
Sim, gratuitamente. Comprou uma vez, recebe errata, novos exemplos e novas edições sem custo adicional. A entrega é feita via Hotmart; você baixa a versão atualizada na mesma página onde baixou a primeira.
Garantia incondicional
Comprou, leu, percebeu que não é pra você? Pede reembolso direto na plataforma nos primeiros 7 dias. Sem perguntas, sem fricção, dinheiro de volta integral.
Comprar deve ter risco baixo: se o livro não te serve, você sai com seu dinheiro. Se serve, fica com o conteúdo, o bônus e todas as atualizações futuras.
A fronteira entre quem usa CSS
e quem domina CSS
Pagamento seguro • Acesso imediato • Sem mensalidade