CSS Lessons
Master CSS styling, layouts, animations, and responsive design techniques.
CSS Basics
CSS Asoslari - 1-dars
CSS nima ekanligini, qanday ishlashini va qayerda yozilishini o'rganing. Selector, property, value, class, ID va CSS'ning asosiy tushunchalari.
CSS Asoslari - 2-dars
Brauzer CSS'ni qanday qo'llaydi, DOM, CSSOM, computed style va CSS performance haqida o'rganing.
CSS Asoslari - 3-dars
CSS Cascade va CSS manbalari (origin) haqida o'rganing. Brauzer qaysi CSS qoidasini tanlashini va CSS qayerdan kelishini tushuning.
CSS Asoslari - 4-dars
CSS'ni qayerga yozish va selector kuchi (specificity) haqida o'rganing. Inline, style tag va external CSS'ning kuchlari va selectorlar o'rtasidagi ustunlik tartibini tushuning.
CSS Asoslari - 5-dars
!important nima va nega xavfli ekanligini, shuningdek CSS inheritance (meros) tushunchasini o'rganing. !important'ning muammolari va inheritance qanday ishlashini tushuning.
CSS Asoslari - 6-dars
Qaysi CSS property'lar meros bo'ladiganini va bo'lmaydiganini o'rganing. inherit, initial, unset qiymatlarini va ularning farqlarini tushuning.
CSS Asoslari - 7-dars
Box model nima ekanligini va qanday ishlashini o'rganing. Content, padding, border, margin tushunchalarini va box-sizing property'sini tushuning.
CSS Asoslari - 8-dars
Margin collapsing va normal flow tushunchalarini o'rganing. Margin collapsing qachon va qanday ishlashini, normal flow nima ekanligini va qachon buzilishini tushuning.
CSS Asoslari - 9-dars
Overflow va Block Formatting Context (BFC) tushunchalarini o'rganing. Overflow qanday ishlashini, BFC nima ekanligini va qachon yaratilishini tushuning.
CSS Asoslari - 10-dars
Display xususiyatini o'rganing. Block va inline elementlar qanday ishlashini, ularning farqlarini va qachon qaysi birini ishlatishni tushuning.
CSS Asoslari - 11-dars
inline-block, display: none va visibility: hidden tushunchalarini o'rganing. Qachon qaysi birini ishlatishni, ularning farqlarini va umumiy xatolarni tushuning.
CSS Asoslari - 12-dars
Position xususiyatini o'rganing. position nima, position: relative qanday ishlashini va qachon qaysi position turini ishlatishni tushuning.
CSS Asoslari - 13-dars
position: absolute, fixed va sticky tushunchalarini chuqur o'rganing. Ular qanday ishlaydi, qachon ishlatiladi va eng ko'p uchraydigan xatolarni tushuning.
CSS Asoslari - 14-dars
z-index va stacking context tushunchalarini chuqur o'rganing. z-index qanday ishlaydi, nega ba'zida ishlamay qoladi va stacking context nima ekanligini tushuning.
CSS Asoslari - 15-dars
Flexbox tushunchasini o'rganing. Flexbox nima, flex container va flex item nima, ular qanday ishlaydi va qachon ishlatilishini tushuning.
CSS Asoslari - 16-dars
Flexbox'da Main axis va Cross axis tushunchasini o'rganing. justify-content, align-items, align-self va align-content qanday ishlashini tushuning.
CSS Asoslari - 17-dars
Flexbox'da flex-grow, flex-shrink va flex-basis xossalari qanday ishlashini o'rganing. Bo'sh joyni qanday taqsimlash va elementlarni qanday o'lchamlashni tushuning.
CSS Asoslari - 18-dars
Flexbox'da min-width: auto muammosi va gap xossasining margin'dan afzalligini o'rganing. Flex item'larda qisqarish muammolari va layout masofalarini to'g'ri boshqarishni tushuning.
CSS Asoslari - 19-dars
Grid va Flex farqi, Grid nima va nega Flex emas, Grid container tushunchasini o'rganing.
CSS Asoslari - 20-dars
Grid qator va ustunlar qanday ishlaydi, grid-template-columns va grid-template-rows, fr birligi nimani anglatadi va qanday ishlaydi.
CSS Asoslari - 21-dars
Grid'da grid-template-areas bilan layout yaratish va minmax() funksiyasidan foydalanish. Responsive dizayn uchun grid-template-areas va minmax() qanday ishlaydi.
CSS Asoslari - 22-dars
Responsive dizayn va mobile-first yondashuv. Responsive dizayn nima, qanday ishlaydi va mobile-first prinsipi haqida batafsil.
CSS Asoslari - 23-dars
Media Query va Container Query. Media Query nima, qachon ishlatiladi va Container Query qanday ishlaydi. Media Query va Container Query farqi.
CSS Asoslari - 24-dars
%, vw, vh birliklari qachon xavfli bo'lishi mumkin. Percentage, viewport width va viewport height birliklarining muammolari va zamonaviy yechimlar: svh, lvh, dvh.
CSS Asoslari - 25-dars
rem va em birliklari. rem nima, em nima va ularning farqi. rem va em qachon ishlatiladi va qaysi biri yaxshiroq. clamp() funksiyasi va uning afzalliklari.
CSS Asoslari - 26-dars
line-height nima va nega muhim. line-height qanday birlikda yoziladi va inherit qanday ishlaydi. Ranglar va ularning vazifalari. currentColor nima va qayerlarda ishlaydi.
CSS Asoslari - 27-dars
CSS variable nima va qanday ishlaydi. CSS variable qayerda e'lon qilinadi va qanday qiymatlar saqlanadi. var() funksiyasi va fallback. CSS variable runtime'da ishlaydi va inheritance qanday ishlaydi.
CSS Asoslari - 28-dars
CSS Transition va Animation o'rtasidagi farq. Qaysi CSS property'lar animatsiya qilinadi va performance. Layout, Paint va Composite bosqichlari. Qaysi property'lar tez, qaysilari sekin ishlaydi.
CSS Asoslari - 29-dars
prefers-reduced-motion nima va qanday ishlaydi. Animatsiya yoqmaydigan odamlar uchun qanday qilib accessibility ta'minlash kerak. @media (prefers-reduced-motion: reduce) qanday ishlaydi va qachon o'chadi.