Guiacódigo testado
Tecnologia
CSS
Layout, cores e responsividade — o que transforma marcação em interface.
Liçãocódigo testado
O que é CSS e como o navegador aplica estilo na página — Front-end
Liçãocódigo testado
Como colocar CSS no HTML: link, style e inline — Front-end
Liçãocódigo testado
Seletores e cascata CSS: estilize sem adivinhar — Front-end
Liçãocódigo testado
Especificidade no CSS: por que a sua regra não vence — Front-end
Liçãocódigo testado
Pseudo-classes e pseudo-elementos: :hover e ::before — Front-end
Liçãocódigo testado
:has() no CSS: o seletor que olha para o filho — Front-end
Liçãocódigo testado
Unidades no CSS: px, rem, em, %, vw e ch — Front-end
Liçãocódigo testado
Cores no CSS: hex, rgb, hsl e oklch na prática — Front-end
Liçãocódigo testado
Variáveis CSS: custom properties na prática — Front-end
Liçãocódigo testado
Box model CSS: controle o tamanho real dos elementos — Front-end
Liçãocódigo testado
overflow no CSS: hidden, auto, scroll e clip — Front-end
Liçãocódigo testado
background, border-radius e box-shadow no CSS — Front-end
Liçãocódigo testado
display no CSS: block, inline, inline-block e none — Front-end
Liçãocódigo testado
position no CSS: relative, absolute, fixed e sticky — Front-end
Liçãocódigo testado
Como centralizar uma div no CSS: 6 formas testadas — Front-end
Liçãocódigo testado
Flexbox CSS: alinhe e distribua elementos com clareza — Front-end
Liçãocódigo testado
justify-content e align-items: alinhar no Flexbox — Front-end
Liçãocódigo testado
flex-grow, flex-shrink e flex-basis: dividir o espaço — Front-end
Liçãocódigo testado
CSS Grid: grid-template-columns, rows e a unidade fr — Front-end
Liçãocódigo testado
grid-template-areas: desenhar o layout com nomes — Front-end
Liçãocódigo testado
auto-fit e minmax(): grid responsivo sem media query — Front-end
Liçãocódigo testado
Media queries no CSS: responsivo que não quebra — Front-end
Liçãocódigo testado
Container queries: o componente responde ao pai — Front-end
Liçãocódigo testado
Tipografia no CSS: fonte, escala e clamp() fluido — Front-end
Liçãocódigo testado
transition e transform no CSS: o hover que desliza — Front-end
Liçãocódigo testado
animation e @keyframes: animar CSS sem JavaScript — Front-end
Conceitocódigo testado
Herança no CSS: o que o filho recebe do pai sem pedir — Front-end
Comparaçãocódigo testado
Flexbox ou Grid: qual usar em cada tipo de layout — Front-end
Conceitocódigo testado
Stacking context: como o CSS empilha as camadas — Front-end
Erro resolvidocódigo testado
margin-top não funciona: a margem que colapsa no CSS — Front-end
Erro resolvidocódigo testado































