Başlanğıc Kod məhəlləsi

CSS

Müasir veb üçün düzüm, rəng və hərəkət.

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.

Dərslər: 25
Vaxt: 3 saat
Səviyyə: Başlanğıc

Kursa başla · What is CSS?

Bu kursun dərsləri hələlik ingiliscədir.

Bürünc açıqdır
Gümüş açıqdır
Qızıl bağlıdır

Sübut etməyə hazırsınız?

Üç imtahan sizi gözləyir: Bürünc, Gümüş və Qızıl.

İmtahanlara keç

Nələri bacaracaqsınız

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

Səyahət

1
Bölmə 1
CSS basics

What CSS is, how a rule is built, how selectors find elements, and how the cascade picks a winner.

0 / 4
2
Bölmə 2
The box model

Every element is a box: content, padding, border and margin, and how boxes flow on the page.

0 / 3
3
Bölmə 3
Text and color

Fonts and font stacks, comfortable Persian text, relative units, oklch colors and readable contrast.

0 / 3
4
Bölmə 4
Flexbox

Lay items out in a row or a column, align them, and share the space fairly.

0 / 3
5
Bölmə 5
Grid

Two-dimensional layouts with columns, rows, named areas and subgrid.

0 / 3
6
Bölmə 6
Responsive and RTL

Mobile-first media queries, container queries, fluid type with clamp() and logical properties for Persian layouts.

0 / 4
7
Bölmə 7
Motion and modern CSS

Transitions, keyframes, smooth and accessible motion, custom properties, nesting, :has() and @layer.

0 / 5