W3.CSS darsligi
W3.CSS’ni o‘rganing
W3.CSS — veb-saytlar va veb-ilovalar yaratish uchun mo‘ljallangan CSS freymvorki.
U barcha qurilmalardagi barcha brauzerlarda bir xil natijani ta’minlaydi.
W3.CSS bepul, ochiq kodli va faqat standart CSS’dan foydalanadi.
W3.CSS sertifikatini oling
W3.CSS imtihonimizni topshirib, sertifikatga ega bo‘ling. Imtihon sizni boshlang‘ich darajadan imtihonga tayyor darajagacha olib boradigan, mutaxassislar tomonidan puxta tayyorlangan o‘quv to‘plamini o‘z ichiga oladi.
Nimalar yarata olishingizni ko‘ring
Bir nechta W3.CSS klassi yordamida kartochkalar, moslashuvchan maketlar, navigatsiya, formalar, galereyalar, boshqaruv panellari (dashboard) va to‘liq veb-saytlar yaratishingiz mumkin.
Explore Cities
Discover three great European destinations.
London
Explore one of the world's great cities.
Paris
Discover art, food, and architecture.
Rome
Experience thousands of years of history.
Misol
<div class="w3-grid" style="grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px">
<div class="w3-container w3-card">
<h2>London</h2>
<p>Explore one of the world's great cities.</p>
<button class="w3-button w3-black">Explore</button>
</div>
<div class="w3-container w3-card">
<h2>Paris</h2>
<p>Discover art, food, and architecture.</p>
<button class="w3-button w3-black">Explore</button>
</div>
<div class="w3-container w3-card">
<h2>Rome</h2>
<p>Experience thousands of years of history.</p>
<button class="w3-button w3-black">Explore</button>
</div>
</div>
O‘zingiz sinab ko‘ring »
Nega aynan W3.CSS?
O‘rganish oson
W3.CSS oddiy va ma’noli klass nomlaridan foydalanadi.
Juda oz kod yozib, jozibali natijalarga erishishingiz mumkin.
Moslashuvchan
W3.CSS kompyuterlar, planshetlar va telefonlarda ishlaydigan maketlarni yaratishni osonlashtiradi.
Zamonaviy maket
W3.CSS zamonaviy CSS Flexbox va Grid maketlarini qo‘llab-quvvatlaydi.
JavaScript kutubxonasisiz
W3.CSS standart CSS asosida yaratilgan va hech qanday JavaScript kutubxonasiga bog‘liq emas.
Zamonaviy CSS — sodda va qulay
W3.CSS veb-dizayndagi keng tarqalgan vazifalar uchun tayyor klasslarni taqdim etadi.
Kartochkalar
Soya va bo‘shliqlarga ega toza kontent bloklarini yarating.
Flexbox
Kontentni qatorlar yoki ustunlar bo‘ylab joylashtiring va tekislang.
Grid
Qator va ustunlar yordamida moslashuvchan maketlar yarating.
Ushbu darslikda bu klasslarning barchasini bosqichma-bosqich o‘rganasiz.
Kichik freymvork. Katta imkoniyatlar.
W3.CSS katta freymvork yoki qo‘shimcha JavaScript kutubxonalarisiz zamonaviy veb-saytlar yaratish uchun zarur vositalarni taqdim etadi.
W3.CSS’dan mustaqil ravishda foydalanishingiz yoki uni o‘zingizning CSS kodingiz yoxud istalgan boshqa CSS bilan birga qo‘llashingiz mumkin.
W3.CSS’dan foydalanish bepul.
Hech qanday litsenziya talab qilinmaydi.
Yaratish orqali o‘rganing
Ushbu darslik W3.CSS’ni amaliy misollar orqali o‘rgatadi.
Siz alohida CSS klasslarini o‘rganish bilan cheklanib qolmay, haqiqiy foydalanuvchi interfeyslarini yaratishni o‘rganasiz.
1. O‘rganing
W3.CSS’ning oddiy bir imkoniyatini o‘rganing.
2. Sinab ko‘ring
Misollarni tahrirlang va natijani ko‘ring.
3. Yarating
Haqiqiy veb-saytlar yaratish uchun klasslarni birlashtiring.
W3.CSS’ni o‘rganishni boshlang ❯
W3.CSS veb-sayt shablonlari
W3.CSS yordamida to‘liq moslashuvchan veb-saytlar yaratish mumkin.
W3Schools tahrirlab foydalanishingiz mumkin bo‘lgan ko‘plab bepul W3.CSS shablonlarini taqdim etadi.
Barcha W3.CSS shablonlarini ko‘ring ❯
W3.CSS Kitchen Sink (barcha klasslar namoyishi)
CSS freymvorklari bilan allaqachon tanishmisiz?
Barcha W3.CSS klasslari amalda namoyish etilgan sahifani ko‘ring.
W3.CSS tezkor kursi
HTML va CSS bilan allaqachon tanishmisiz?
W3.CSS tezkor kursida to‘liq moslashuvchan veb-sayt yarating.
W3.CSS’ni o‘rganishni boshlang
W3.CSS sodda bo‘lishi uchun ishlab chiqilgan.
Keyingi bobda o‘z HTML sahifalaringizda W3.CSS’dan qanday foydalanishni boshlashni ko‘rasiz.
W3.CSS versiyalari
W3.CSS 3.01 versiyasi 2017-yil dekabrda chiqarilgan.
W3.CSS 4.01 versiyasi 2018-yil noyabrda chiqarilgan.
W3.CSS 4.15 versiyasi 2020-yil dekabrda chiqarilgan.
Eng so‘nggi versiya — W3.CSS 5.01 (2026-yil mart).
Eslatma
W3.CSS uslublar jadvali barcha W3Schools sahifalarida qo‘llaniladi.
Eng so‘nggi versiyalarni W3.CSS’ni yuklab olish sahifasidan yuklab olishingiz mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!