CSS

2026-yilda CSS'ni o'rganish uchun bosqichma-bosqich qo'llanma

0% tugallandi0 / 104 mavzu
CSS nima va u nima uchun ishlatiladi?

CSS — biz ko'rkam veb-saytlar yaratish uchun foydalanadigan dasturlash tili. Uning to'liq nomi — Cascading Style Sheets. CSS HTML (yoki XML) elementlari ekranda qanday ko'rsatilishini tavsiflash uchun ishlatiladi. U kontentni uning taqdimotidan — layout, ranglar va font'lardan — ajratish imkonini beradigan qilib ishlab chiqilgan.

Frontend development'da CSS qanday rol o'ynaydi?

Front-end development — veb-sayt yoki ilovaning foydalanuvchilar bevosita ko'radigan va muloqot qiladigan qismlarini yaratish jarayoni. Front-end developer'lar user interface va user experience yaratish uchun dasturlash tillari, vositalar va texnologiyalar jamlanmasidan, aniqrog'i HTML, CSS va JavaScript'dan foydalanadi.

  • HTML kontentni tuzilmalash va veb-sahifaning asosiy building block'larini yaratish uchun ishlatiladi.
  • CSS HTML kontentining vizual ko'rinishiga uslub beradi: bunga ranglar, font'lar, layout'lar va turli ekran o'lchamlari uchun responsive design kiradi.
  • JavaScript veb-sahifalarga interactivity, dinamik xatti-harakat va client-side funksionallik qo'shish uchun ishlatiladi: masalan, form validation, animation'lar va real-time yangilanishlar.
CSS
Kirish
HTML
JavaScript
CSS
Frontend development
Inline CSS
External CSS
Internal CSS
Cascading order
CSS asoslari
Selector
Declaration
Rules
Absolute va relative
Funksiyalar bilan unit'lar
CSS unit'lari
Comments
element
universal
class
grouping
id
Simple selectors
descendant
Next Sibling
child
Subsequent Sibling
Combinator selectors
Pseudo Classes
Pseudo Elements
Attribute selectors
Font families
Font Size
Font Style
Font Shorthand
Google Fonts
rgb
Named Colors
hsl
rgba, hsla
hex
Background Color
Background Image
Background Gradient
Background Position
Background Attachment
Padding
Border
Margin
Box Shadows
inline
block
inline-block
none
visibility
Position
CSS Specificity
Floating Elements
Multicolumn layout
Flexbox
Grid
CSS funksiyalari
CSS Variables
Media Queries
Container Queries
Responsive typography
Accessibility
Performance
Tegishli yo'l xaritalari
  • Frontend yo'l xaritasi
  • HTML yo'l xaritasi
  • JavaScript yo'l xaritasi
  • FullStack yo'l xaritasi
Ushbu yo'l xaritasining batafsil versiyasini va boshqa shunga o'xshash yo'l xaritalarini toping
roadmap.sh
Syntax asoslari
Property'lar va qiymatlar
Layout'lar
Responsiveness
Metodologiyalar
Sass
PostCSS
BEM
CSS Modules
CSS-in-JS
Quyidagi tegishli yo'nalishlar bilan o'rganishni davom ettiring
Frontend
HTML
JavaScript
Font'lar
Font Variant
Matnga uslub berish
Color
Direction
Text Alignment
Text Decoration
Text Transform
Text Spacing
Line Height
Background
Ranglar
Text Shadows
Box Model
Width / Height
Outline
Display
Opacity
Relative
Absolute
Sticky
Fixed
Static
Tables
Z-Index / Stacking Context
Rasmlar va filter'lar
Layout usullari
Flow Layout
Transforms
Keyframe Animations
Transitions
Animation'lar
Lists
Best practice'lar
Font Weight

Ko'p so'raladigan savollar

Yo'l xaritalariQo'llanmalarFAQYouTube

yo'lxaritaroadmap.shasosida

Hamjamiyat tomonidan yaratilgan yo'l xaritalari, eng yaxshi amaliyotlar, loyihalar, maqolalar, manbalar va yo'nalishlar — o'z yo'lingizni tanlash va kasbingizda o'sish uchun.

© yo'lxarita·Shartlar·Maxfiylik·

roadmap.sh

Barcha kontent roadmap.sh loyihasidan olingan (© Kamran Ahmed) va shaxsiy o'rganish uchun o'zbek tiliga tarjima qilinmoqda.

Qidiruv

Yo'l xaritalari, loyihalar va savollarni qidiring