CSS
Layout, cor e movimento para a web moderna.
CSS turns plain HTML into the pages you love to use. This track starts at your very first style rule and takes you to modern layouts: selectors and the cascade, the box model, typography for Persian text, oklch colors, Flexbox and Grid, responsive and right-to-left design, motion, custom properties, nesting, :has() and @layer.
Every lesson is short, practical and checked with quizzes, and the examples come from a dark, modern interface.
- Lições
- 25
- Tempo
- 3 h
- Nível
- Iniciante
Por enquanto, as lições desta trilha estão em inglês.
- Bronze disponível
- Prata disponível
- Ouro bloqueada
Hora de provar?
Três exames esperam por você: Bronze, Prata e Ouro.
O que você vai saber fazer
- Read and write CSS rules, and predict which rule wins in the cascade
- Size and space elements confidently with the box model and modern units
- Build real layouts with Flexbox, Grid and subgrid
- Make pages that adapt to any screen and work in Persian right-to-left
- Add smooth, accessible motion and organise styles with modern CSS
A jornada
1 Módulo 1CSS basics
What CSS is, how a rule is built, how selectors find elements, and how the cascade picks a winner.
0 / 42 Módulo 2The box model
Every element is a box: content, padding, border and margin, and how boxes flow on the page.
0 / 33 Módulo 3Text and color
Fonts and font stacks, comfortable Persian text, relative units, oklch colors and readable contrast.
0 / 34 Módulo 4Flexbox
Lay items out in a row or a column, align them, and share the space fairly.
0 / 35 Módulo 5Grid
Two-dimensional layouts with columns, rows, named areas and subgrid.
0 / 36 Módulo 6Responsive and RTL
Mobile-first media queries, container queries, fluid type with clamp() and logical properties for Persian layouts.
0 / 47 Módulo 7Motion and modern CSS
Transitions, keyframes, smooth and accessible motion, custom properties, nesting, :has() and @layer.
0 / 5