MiroraLab

CSS: zamonaviy va responsiv dizayn

CSS24 darsDaraja: Boshlang‘ichdan o‘rta darajagacha

7 modul, 24 dars: selektorlar va kaskad, rang va tipografiya, quti modeli, Flexbox, Grid, responsiv dizayn, holatlar va animatsiya. HTML kursida qurilgan «Navro‘z» sahifasi qadam-baqadam chiroyli va telefonga mos saytga aylanadi.

Nimalarni o‘rganasiz

Dastur

1. CSS asoslari

  • CSS nima va u qanday ulanadi
  • Selektorlar: kerakli elementni tanlash
  • Kaskad, aniqlik va meros

2. Matn, rang va birliklar

  • Ranglar va fon
  • O‘lcham birliklari: px, rem, em, %, vw
  • Tipografiya: shriftlar va o‘qiladigan matn
  • CSS o‘zgaruvchilari (custom properties)

3. Quti modeli va joylashuv

  • Quti modeli: content, padding, border, margin
  • Chegaralar, burchaklar va soyalar
  • display va oddiy oqim
  • position: relative, absolute, sticky, fixed

4. Flexbox

  • Flexbox asoslari: qator va tekislash
  • Flexbox: o‘lchamlar va qatorga o‘tish
  • Flexbox naqshlari: markazlash va karta tuzilmasi

5. CSS Grid

  • CSS Grid asoslari: ustun va qatorlar
  • Grid bilan sahifa sxemasi: template areas
  • Avtomatik moslashuvchi grid: auto-fit va minmax

6. Responsiv dizayn

  • Moslashuvchan rasm va media
  • Media so‘rovlar va mobile-first
  • Suyuq dizayn: clamp(), min(), max() va container queries

7. Holatlar, animatsiya va sifat

  • Psevdoklasslar va psevdoelementlar
  • Transition, transform va animatsiya
  • Formalarni bezash
  • Tun rejimi, CSS tartibi va yakuniy sahifa
Kursni bepul boshlash

Boshlash bepul. Tizimga Google orqali kirasiz.