O
Ochiq Kurs
Kurslar
Yo'nalishlar
Reyting
Kirish
Boshlash
Barcha kurslar
Yo'nalishlar
Reyting
Kirish
Ro'yxatdan o'tish
← Kursga qaytish
CSS asoslari
Kirish
Kirish
CSS haqida. Kurs loyihasi
Kirish — konspekt
Kirish — test
Selektorlar va Specificity
Selectors (Tanlab oluvchilar)
Comments (Izohlar)
Specificity (O'ziga xoslik)
Inheritance (Meros olish)
Combinators (Kombinatorlar)
"Class"lar va qo'shma (combined) selektorlar
Class yoki ID. "!important" haqida
CSS asoslari yordamida loyihani yaxshilash
Selektorlar va Specificity — konspekt
Selektorlar va Specificity — test
Box model va Layout
Box model (Quti modeli). Margin, Padding, Border
Margin collapsing. Shorthands (Qisqartmalar)
Height (balandlik), Width (kenglik). Max / Min - height / width
"Display" xossasi
Text align, Vertical align va Float
Text decoration. Pseudo classes va qoidalarni guruhlash
Asosiy xossalar yordamida loyihani yaxshilash (1-qism)
Asosiy xossalar yordamida loyihani yaxshilash (2-qism)
Asosiy xossalar yordamida loyihani yaxshilash (3-qism)
Joylashish (Position)
Relative va Fixed
Absolute va Sticky
Z-index va Overflow
Positioning yordamida loyihani yaxshilash
Box model va Layout — konspekt
Box model va Layout — test
Bezash va vizual effektlar
Background
Styling images
Gradient va Filterlar
Rasmlar (images) yordamida loyihani yaxshilash
Formalarga style berish (1-qism)
Formalarga style berish (2-qism)
Formalar yordamida loyihani yaxshilash
Bezash va vizual effektlar — konspekt
Bezash va vizual effektlar — test
O’lchov birliklari va Responsive dizayn
O'lchov birliklari (Units)
Foiz (%) o'lchov birligi
"em" o'lchov birligi
rem o'lchov birligi
Viewport o'lchov birligi
Units yordamida loyihani yaxshilab olish
Responsive Web Design (RWD)
Media queries
Breakpoints
RWD yordamida loyihani yaxshilash (1-qism)
RWD yordamida loyihani yaxshilash (2-qism)
O’lchov birliklari va Responsive dizayn — konspekt
O’lchov birliklari va Responsive dizayn — test
Tipografiya va Transformlar
Fonts
Yangi font qo'shish
Local font qo'shish
Font xossalari
Fonts yordamida loyihani yaxshilab olish
2D transforms
3D transforms
Tipografiya va Transformlar — konspekt
Tipografiya va Transformlar — test
CSS asoslari
›
Box model va Layout
›
Box model va Layout — test
Test
Test topshirish uchun
saytga kiring
.
Box model va Layout — test
Box model va Layout
Test
← Oldingi
Box model va Layout — konspekt
Keyingi →
Background